0

JSF がselectOneMenuあり、jQuery を使用してオプション 2 (3 つのうち) を動的に選択する必要があります。を使用して、$('[id$=tripple_choice]').show(); $('[id$=tripple_choice]').hide();メニュー全体を表示/非表示にします。

アップデート：

生成される HTML は次のとおりです。

<select name="view:custform:tripple_choice" size="1" class="" id="view:custform:tripple_choice">
  <option value="" selected="true">-- Select --</option>
  <option value="opt1">opt1</option>
  <option value="opt2">opt2</option>
</select>

何か案は？

4

1 に答える 1

1

もしかして、こういうこと？

$('[id$=tripple_choice]').eq(1).show();

:eqセレクターでも式を使用できます...

$('[id$=tripple_choice]:eq(1)').show();

...しかし、これは実際にはjQueryによって推奨されていません:

:eq() は jQuery 拡張機能であり、CSS 仕様の一部ではないため、:eq() を使用するクエリは、ネイティブ DOM の querySelectorAll() メソッドによって提供されるパフォーマンス向上を利用できません。最新のブラウザーでパフォーマンスを向上させるには、代わりに $("your-pure-css-selector").eq(index) を使用してください。

更新: あなたの場合selectedIndex、HTMLSelectObject のプロパティを更新する必要があります。この行で完了です...

$('[id$=tripple_choice]')[0].selectedIndex = 1;
于 2012-12-19T13:54:47.137 に答える