1

現在選択されているオプションの位置を見つけるためにjqueryを使用するにはどうすればよいですか。ユーザーが別のオプションを選択した場合は、リアルタイムで更新する必要もあります。

 <select id="visa_type_c" title="" name="visa_type_c">
     <option selected="selected" value="No Visa" label="No Visa">No Visa</option>
     <option value="EU Visa" label="EU Visa">EU Visa</option>
     <option value="Easy Visa" label="Easy Visa">Easy Visa</option>
     <option value="Hard Visa" label="Hard Visa">Hard Visa</option>
 </select>

私は他のスレッドを見ましたが、それらはわずかに異なっており、私にとってはうまく機能していないようです。

4

3 に答える 3

7

純粋なJSを使用できます：

document.getElementById("visa_type_c").onchange = function() {
    alert(this.selectedIndex);
}

純粋な JS デモ: http://jsfiddle.net/Xxqnr/1/

于 2013-08-14T12:59:50.227 に答える
6 
$("select").on("change", function(ev) {
    console.log(ev.target.selectedIndex);
});
于 2013-08-14T13:00:47.243 に答える
1 
<a href='javascript:alert($("#visa_type_c option:selected").index())';>click for index</a>

方法はたくさんあります。これをページに追加すると、選択したインデックスが表示されます。

于 2013-08-14T13:39:09.343 に答える