在一個特定的選項選擇

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(); 
} 

});