选择“其他..”选项时显示 textarea [关闭]
Posted
技术标签:
【中文标题】选择“其他..”选项时显示 textarea [关闭]【英文标题】：Show textarea when choosing the option "Other.." [closed] 【发布时间】：2014-07-25 08:09:42 【问题描述】：我有一个选择项，其中有几个选项，其中一个称为“其他..”。我想要的是当用户点击“其他..”时会出现一个文本区域，我知道这可以用 jQuery 完成。这是我的 html 的简短版本：
<html>
<body>
<select>
<option value="opt1">Option 1</option>
<option value="opt2">Option 2</option>
<option value="opt3">Option 3</option>
<option value="opt4">Option 4</option>
<option value="other">Other..</option>
</select>
<input type="text" id="other_text" />
</body>
</html>
【问题讨论】：
你知道它可以用 jQuery 完成吗？那么你的尝试在哪里？ 【参考方案1】：将change 事件添加到您的下拉列表中，如果选择的值为"other"，它将toggle 文本字段：
$('select').on('change', function()
$('#other_text').toggle(this.value === 'other');
);
【讨论】：
在执行此操作之前是否必须隐藏文本字段？因为当我打开我的网站时，文本字段已经可见。 @user3706620 如果您的默认 DDL 值不是"other"，那么您应该隐藏文本字段。以上是关于选择“其他..”选项时显示 textarea [关闭]的主要内容，如果未能解决你的问题，请参考以下文章