jquery - jquery - 動的に生成された「選択」で「オプション」を選択する

Question

jQueryを使用して「選択」で「オプション」を選択するにはどうすればよいですか?

$('#s_choice').selectedIndex = 1;//select 2nd item

動作していません。JsFiddle はhttp://jsfiddle.net/yesprasoon/pduX7/にあります。

Answer 1

更新を追加するだけで、propjquery オブジェクトで使用するか、このように DOM 要素のプロパティにアクセスすることもできます$('#s_choice')[0].selectedIndex

$('#s_choice').prop('selectedIndex', 1);
$('#s_choice').selectmenu('refresh'); 

または、それを連鎖させるだけです

$('#s_choice').prop('selectedIndex', 1).selectmenu('refresh').change();

デモ

その理由は、selectmenu は JQM ウィジェットであるため、実際の select 要素にプロパティを設定した後、ウィジェットを更新するためにそれを更新する必要があるからです。

これがドキュメントです。

Answer 2

オプションに異なるIDまたはクラスを指定すると、実行できます$('#s_choice').find('#option3').attr("checked", true)