选择“其他..”选项时显示 textarea [关闭]答案

【问题标题】：Show textarea when choosing the option "Other.." [closed]选择“其他..”选项时显示 textarea [关闭]
【发布时间】：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 完成吗？那么你的尝试在哪里？

标签： javascript jquery html

【解决方案1】：

将change 事件添加到您的下拉列表中，如果选择的值为"other"，它将toggle 文本字段：

$('select').on('change', function() {
    $('#other_text').toggle(this.value === 'other');
});

【讨论】：

在执行此操作之前是否必须隐藏文本字段？因为当我打开我的网站时，文本字段已经可见。
@user3706620 如果您的默认 DDL 值不是 "other"，那么您应该隐藏文本字段。