Как получить элемент выбора HTML для отображения другого значения при выборе параметра, который отображается в раскрывающемся списке?

Question

Например, я использую раскрывающийся список стран с телефонными кодами, показанными здесь: Раскрывающийся список

Когда я выбираю опцию, отображается вся страна и номер, но я бы предпочел, чтобы отображался только код номера. Как это можно сделать?

Answer 1

Вы можете использовать два раскрывающихся списка для этого. Один со значениями для отображения, а другой со значениями для выбора. Затем синхронизируйте оба с JavaScript.

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

С jQuery вы можете использовать:

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