如何获取HTML SELECT元素在选择选项时显示不同的值，而不是下拉列表中显示的选项？

Question

例如，我使用的是国家/地区的下拉列表，其电话代码如下所示： Dropdown list

当我选择一个选项时，会显示整个国家和数字，但我宁愿只显示数字代码。如何做到这一点？

Answer 1

您可以为此使用两个下拉菜单。一个带有要显示的值，另一个带有要选择的值。然后用 javascript 同步两者。

https://jsfiddle.net/81nbvtLx/7/

使用 jQuery，您可以使用：

$('#sel2').change(function() {
    $('#sel1').prop('selectedIndex', $(this).prop('selectedIndex'));
});