一个选择控制另一个选择

Question

你好，我想实现这个：

我选择了 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>

Answer 1

你只需要设置第二个选择的.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>