想在jQuery中使用select标签隐藏和显示元素

Question

我是jQuery的新手。我可以隐藏但不能显示。我想隐藏并显示带有select标记的元素。

如果让我选择option value="something"#hide必须被隐藏，如果我选择something2（在选择标签的另一种选择）#hide必须显示。

div每次我在选择标签中选择选项时，必须显示和隐藏元素。

<option value="something"></option> 
<option value="something2"></option> 

<div id="hide"></div> 

Answer 1

toggle()隐藏和显示基于条件的元件，像什么选择的值是：

$('select').on('change', function() { 
    $('#hide').toggle(this.value=='something'); 
}); 

FIDDLE

Answer 2

相当容易。按照此：

HTML：

<select class = 'select'> 
<option value="something">1</option> 
<option value="something2">2</option> 
</select> 

<div id="hide"> Help</div> 

JS：

$('.select').on('click', function() { 
    $('#hide').toggle(this.value=='something'); 
}); 

它使用toggle方法，发现选择选择的类select。

在这里找到工作示例：http://jsfiddle.net/7H4EW/