один выбор контролирует другой выбор - PullRequest
Новая
       1

один выбор контролирует другой выбор

0 голосов
/ 05 февраля 2020

Здравствуйте. Я хочу добиться этого:

Я выбрал 1 и выбрал 2 с теми же значениями опций, и когда я выбираю опцию выбора 1, тогда автоматически выбирается 2, изменяет выбранное значение на то же, что и выбор 1.

Это мой код, но не работает ... любая помощь? Пожалуйста. 

function changeYear() {

    // select 1
    var x = document.getElementById("sel1");
    var year= x.options[x.selectedIndex].value;

    //select 2
    var y = document.getElementById("ctl00_conteudo_ano_anomBox1");
    var phc= y.options[y.selectedIndex].value;

    //result
    year = phc;
}
<!-- i want to control sel2 with sel1 -->

<select id='sel1' class='form-control' onchange='changeYear()'>
      <option value='2019'>2020</option>
      <option value='2018'>2019</option>
</select>

<select id="sel2" class='form-control'>
			<option selected="selected" value="2019">2019</option>
			<option value="2018">2018</option>
			<option value="2017">2017</option>
			<option value="2016">2016</option>
			<option value="2015">2015</option>
			<option value="2014">2014</option>
			<option value="2013">2013</option>
</select>

1 Ответ

1 голос
/ 05 февраля 2020

Вам просто нужно установить свойство .value второго выбора: 

function changeYear() {

  // select 1
  var x = document.getElementById("sel1");
  var year= x.options[x.selectedIndex].value;

  //select 2
  document.getElementById("sel2").value = year;
}
<!-- i want to control sel2 with sel1 -->

<select id='sel1' class='form-control' onchange='changeYear()'>
  <option selected="selected" value="2019">2019</option>
  <option value="2018">2018</option>
  <option value="2017">2017</option>
  <option value="2016">2016</option>
  <option value="2015">2015</option>
  <option value="2014">2014</option>
  <option value="2013">2013</option>
</select>

<select id="sel2" class='form-control'>
  <option selected="selected" value="2019">2019</option>
  <option value="2018">2018</option>
  <option value="2017">2017</option>
  <option value="2016">2016</option>
  <option value="2015">2015</option>
  <option value="2014">2014</option>
  <option value="2013">2013</option>
</select>
...