我想在<select>
字段上执行一个on change事件。根据选择的值,我想过滤另一个<select>
字段。现在我知道如何实现这一点,任何帮助,请。
不知道你到底想要什么
检查代码片段,这是我从你的问题声明中得到的理解
window.onload = function() {
var choose_one = document.getElementById("select_one");
choose_one.addEventListener("change", ChangedOption);
}
function ChangedOption() {
var choose_one = document.getElementById("select_one");
var choose_two = document.getElementById("select_two");
var selectedIndex = choose_one.selectedIndex;
if (selectedIndex > -1) {
var selectedValue = choose_one.options[choose_one.selectedIndex].value;
var selectTwoOptions = choose_two.options;
for (var i = 0; i < choose_two.options.length; i++)
if (selectTwoOptions[i].value == selectedValue) {
selectTwoOptions[i].selected = true;
}
}
}
<select id="select_one">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
<select id="select_two">
<option value="4">four</option>
<option value="3">three</option>
<option value="5">five</option>
</select>
希望能有所帮助