如何在下拉列表中获取所选选项的位置

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

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

Answer 2

可以只使用纯JS：

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

纯JS演示：http://jsfiddle.net/Xxqnr/1/

Answer 3

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

做这个的方法很多；如果将它添加到您的页面中，它将显示所选的索引。