Как связать radiobutton с select?

#javascript #html #html_select #radio

Как сделать так, чтоб при выборе в radio какого-то значение, то select переключался
на это же значение?


  1
  2
  3
  4
  5


1
2
3
4
5

    

Ответы

Ответ 1

Вариант без jQuery с использованием индексов вместо value:



var select = document.querySelector('select');
var inputs = document.querySelectorAll('input[name="select"]');

for (const i in inputs) {
  if (inputs.hasOwnProperty(i)) {
    inputs[i].addEventListener('change', function () {
      select.selectedIndex = i;
    });
  }
}

1
2
3
4
5



1
2
3
4
5




JSFiddle


Ответ 2

Нужно добавить в оба тега атрибуты value, после чего на основании значения этого
атрибута у input выбирать соответствующее значение у select, по событию change, которое
будет слушаться у input.



$("input[name=select]").on("change", function(){
$("select").val($(this).val());
});


1
2
3
4
5



1

2

3

4

5