jquery - 想要在 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 的值是什么：

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

小提琴

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/