如何让 HTML select 元素在 selected 选项与下拉列表中显示的选项不同时显示不同的值？
How to get a HTML select element to display a differenct value when an option is selected than is shown in the dropdown list?
例如，我使用的国家/地区下拉列表显示如下：
Dropdown list
当我 select 一个选项时，会显示整个国家和号码，但我宁愿只显示号码代码。如何做到这一点？
您可以为此使用两个下拉菜单。一个具有要显示的值，另一个具有 select 的值。然后与 javascript.
同步
https://jsfiddle.net/81nbvtLx/7/
有了 jQuery，您可以使用：
$('#sel2').change(function() {
$('#sel1').prop('selectedIndex', $(this).prop('selectedIndex'));
});
例如，我使用的国家/地区下拉列表显示如下： Dropdown list
当我 select 一个选项时，会显示整个国家和号码，但我宁愿只显示号码代码。如何做到这一点？
您可以为此使用两个下拉菜单。一个具有要显示的值，另一个具有 select 的值。然后与 javascript.
同步https://jsfiddle.net/81nbvtLx/7/
有了 jQuery，您可以使用：
$('#sel2').change(function() {
$('#sel1').prop('selectedIndex', $(this).prop('selectedIndex'));
});