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

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

我看到了其他线程，但它们略有不同，我似乎无法使其适合我。

可以使用纯JS：

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

纯JS演示：

只需使用纯JS即可：

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

纯JS演示：

有很多方法可以做到这一点；如果您将其添加到页面，它将显示所选索引

---

有很多方法可以做到这一点；如果您将其添加到页面，它将显示所选索引

向我们展示你已经尝试过的jQuery我明白，硬签证将在第四个位置？M1K10的可能副本：位置应该是0,1,2,3向我们展示你已经尝试过的jQuery我明白，硬签证将在第四个位置？M1K10的可能副本：位置应该是0,1,2,3这差不多就是我所需要的！这或多或少就是我所需要的！

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