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

Question

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

如果我选择option value="something" #hide必须隐藏，如果我选择something2（选择标记中的其他选项），则必须显示#hide。

每次我在select标签中选择选项时，必须显示和隐藏

div元素。

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

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

Answer 1

toggle()隐藏并显示基于条件的元素，例如select的值：

$('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/