Как изменить значения select при смене значения radio?

Question

[Сергей Кравченко]

Доброго всем времени суток. Имею такую проблему. Есть список стран, он сделан через радио кнопки, а также есть такой же список стран только сделанный через select. И необходимо чтобы при клике на определенную страну радио кнопку, происходило изменения в select - подставлялась та страна которую выбрали.

Задание то вы принципе не сильно сложное, но вот надо было стилизировать кнопки и селект и я выбрал jQuery UI для этого и в этом сама проблема, никак не могу разобраться как это сделать.

вот тут можно увидеть код https://codepen.io/Vinnica/pen/rmvvRL

вот API по jQuery UI
api.jqueryui.com/checkboxradio
api.jqueryui.com/selectmenu

Может кто подскажет как это делается или может лучший метод стилизации радио-кнопок и селекта где не было бы проблем подобных

Answer 1

[Дмитрий]

Как вам такое решение ?

$("input[type='radio']").change(function(e){
 $( "select" ).val(e.target.value).selectmenu( "refresh" );
})

Comments

[Сергей Кравченко]

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

Answer 2

[Станислав]

$('input:radio').change(function() {
  $("select[name='country']").val($(this).val());
});