3

私はjQueryに非常に慣れていません。それはばかげているように見えますが、私にとっては複雑ですが、私は尋ねる前にたくさんグーグルで検索しました。

以下に示すこの画像のように、約4つの値を持つ単純な<select>リストがあります。

ここに画像の説明を入力してください

実行時に、オプションを非表示にして、jQueryのインデックス名または値名に基づいて表示したいと思います。どうすればこれを達成できますか？

ドロップダウンボックスには、値のセットを含むdivリージョンとシンプルなselectオプションがあります。簡単な例を教えてください。

サンプルコード

<Div ID = "abcd">
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
</div>

この中で、実行時にVolvo / Opelを非表示にする方法は？...これらのオプションを動的に表示および非表示にしたい場合のように。

例のように：ボタンが押されたとき、私はボルボを隠したいです。同様に、別のボタンが押された場合、ボルボを表示したいと思います。

4

1 に答える 1

2

選択全体を非表示にする場合は、選択または選択を含む div に id を指定してから、次のようにすることができます。

<div id="mySelect" >your select tag here </div>

$('mySelect').show(); // or $('mySelect').hide();

http://api.jquery.com/hide/

http://api.jquery.com/show/

オプションを非表示にする場合は、次のようにします。

$("#edit-field-service-sub-cat-value option[value=" + title + "]").hide();

コードをより具体的にするには：

<div id="abcd">
<select id="mySelect">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
</div>

title = 'volvo';
$("#mySelect option[value=" + title + "]").hide();

この投稿のように： jQueryを使用して選択リストのオプションを非表示にします

またはそれを削除します:

JQuery: オプション値に応じて select のオプションを非表示にする

于 2012-12-20T17:29:42.097 に答える