jquery - jqueryでselectタグを使って要素の表示・非表示をしたい

Question

私はjQueryが初めてです。隠すことはできますが、見せることはできません。selectタグ付きの要素を隠して表示したい。

選択option value="something" #hideした場合は非表示にする必要があり、選択した場合something2(select タグの別のオプション)を表示する#hide必要があります。

divselectタグでオプションを選択するたびに、要素を表示および非表示にする必要があります。

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

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

score 5 · Accepted Answer

toggle()select の値など、条件に基づいて要素を非表示および表示します。

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

score 0 · Accepted Answer

結構簡単。これに従ってください：

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/

2 に答える 2