javascript – jQuery在选择选项时显示文本框

前端之家收集整理的这篇文章主要介绍了javascript – jQuery在选择选项时显示文本框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码
<select>
<option value="Type 1">Type 1</option>
<option value="Type 2">Type 2</option>
<option value="Type 3">Type 3</option>
<option value="Other">Other</option>
</select>

<input type="text" id="other" />

我想要做的是使用jQuery默认隐藏下面的文本框,然后在用户从下拉列表中选择其他选项时显示它.

解决方法

这里不需要任何CSS.
$('#sel').change(function() {
    var selected = $(this).val();
    if(selected == 'Other'){
      $('#other').show();
    }
    else{
      $('#other').hide();
    }
});

猜你在找的jQuery相关文章