选择选项时显示textarea"其他.."

时间:2014-06-04 15:23:11

标签: javascript jquery html

我有一个选择项目,其中有一些选项,其中一个被称为"其他.."。我想要的是当用户点击"其他.."将出现textarea,我知道这可以用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>

1 个答案:

答案 0 :(得分:5)

change事件添加到您的下拉列表中,如果所选值为"other",则会toggle文本字段:

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