如何在下拉菜單中獲取所選選項的位置

Question

我如何使用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>

我看過其他線程，但它們略有不同，我似乎無法使其正確工作。

Answer 1

可以只使用純JS：

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

純JS演示： http ： //jsfiddle.net/Xxqnr/1/

Answer 2

$("select").on("change", function(ev) {
    console.log(ev.target.selectedIndex);
});

Answer 3

<a href='javascript:alert($("#visa_type_c option:selected").index())';>click for index</a>

有很多方法可以做到這一點； 如果將其添加到頁面，它將顯示所選索引。