在一个特定的选项选择

Question

显示一个文本字段我想学习一些jQuery，我不知道如何显示一个文本字段（当然基于ID），当我选择我的特定选项选择标签。我Google已经回答了我的问题，但我还没有找到任何答案。在那里，我问你如何解决这个问题。看看下面我想要的。

作为默认：

选择标签

• 选项1

• 选项2

• 选项3

默认情况下隐藏的文本字段。

如果我选择选项1，文本字段保持隐藏状态。如果我选择选项2结果与第一个相同。如果我选择选项3，文本字段将会显示。如果我选择另一个选项，例如说选项2再次返回，文本字段将被隐藏。

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

在此先感谢。

Answer 1

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

您可以使用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(); 
} 

});