选择选项时，jQuery显示文本框

本文介绍了选择选项时，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，默认情况下隐藏下面的文本框，然后在用户从下拉菜单中选择其他选项时显示该文本框.

What I want to do is using jQuery make the textbox below hidden by default, and then show it if a user selects the other option from the dropdown.

推荐答案

此处无需任何CSS.

$('#sel').change(function() {
    var selected = $(this).val();
    if(selected == 'Other'){
      $('#other').show();
    }
    else{
      $('#other').hide();
    }
});

这篇关于选择选项时，jQuery显示文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！