jQueryを使用して、選択したオプションに基づいてajaxリクエストを作成しようとしています。
jQueryを使用して選択したオプションID（「id2」など）を取得する簡単な方法はありますか？
<select id="my_select">
<option value="o1" id="id1">Option1</option>
<option value="o2" id="id2">Option2</option>
</select>
$("#my_select").change(function() {
//do something with the id of the selected option
});
回答:
次のように、:selectedセレクターを使用して取得できます。
$("#my_select").change(function() {
var id = $(this).children(":selected").attr("id");
});
var id = $(this).find('option:selected').attr('id');その後、あなたはあなたがやりたいことを何でもします selectedIndex
私は答えを再編集しました... selectedIndexは例を示すのに適した変数ではないため...
thisイベントハンドラー内にDOM要素を持っており、ルックアップを再度実行する必要はありません...そして別の変数名を選択したい場合selectedIndexがありますが、ここでは特に不正確になります:)
$('#my_select option:selected').attr('id');