Question

我正在尝试学习一些jQuery，我无法弄明白，当我在select标签中选择特定选项时，如何显示文本字段（当然是基于ID）。我已经谷歌找到我的问题的答案，但我还没有找到任何东西。我问你怎么解决这个问题。请参阅下文我的想法。

默认：

选择标记

选项1
选项2
选项3

默认隐藏的文字字段。

如果我选择选项1 ，文本字段将保持隐藏状态。如果我选择选项2 ，结果与第一个相同。如果我选择选项3 ，则会显示文本字段。如果我选择其他选项，再次回到选项2 ，则会隐藏文本字段。

我希望你明白我的意思:)。

提前致谢。

Answer 1

看看这个：http://jsfiddle.net/a8ZWx/

您可以使用select元素的change事件来决定是否显示或隐藏文本框。

Answer 2

jsfiddle Example

的CSS

.hiddenField{
  display: none;
}

HTML：

<select id="myOptions"> 
    <option value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
    <option value="Option 3">Option 3</option>   
</select>
<input type="text" class="hiddenField" id="myTextBox" />

的jQuery

$(document).ready(function(){
    $('#myOptions').change(function(){
       $(this).val() == "Option 2" ? $('#myTextBox').show() : $('#myTextBox').hide();
    });
});

Answer 3

$('#myselect').change(function(){

var val =$("#myselect :selected").val();

if(val == 'Option 3'){
      $('#textbox').show();

}
else{
     $('#textbox').hide();
}

});

在特定选项选择上显示文本字段

3 个答案: