下面的 html 代码有 2 个具有相同选项的不同选择标签。如果用户更改其中之一,我还希望其他选择标签中的值也发生更改。我有一个 javascript 函数可以做到这一点,但它不起作用?
function change(str) {
document.getElementById("select-choice-direction-user")
.selectedIndex = document.getElementById("select-choice-direction")
.selectedIndex;
}
<select name="select-choice-direction" id="select-choice-direction" data-native-menu="false" onchange="change(this);">
<option value="1">1 Blueridge-McKee GoLine</option>
<option value="2">2 Bluejay-Huntingdon GoLine</option>
<option value="3">3 Clearbrook-UFV GoLine</option>
<option value="4">4 Saddle</option>
<option value="5">5 Hospital</option>
<option value="6">6 Gladwin-Peardonville</option>
</select>
<select name="select-choice-direction-user" id="select-choice-direction-user" data-native-menu="false" onchange="change(this);">
<option value="1">1 Blueridge-McKee GoLine</option>
<option value="2">2 Bluejay-Huntingdon GoLine</option>
<option value="3">3 Clearbrook-UFV GoLine</option>
<option value="4">4 Saddle</option>
<option value="5">5 Hospital</option>
<option value="6">6 Gladwin-Peardonville</option>
</select>
最佳答案
不同的ID:
<select name="select-choice-direction-user" id="select-choice-direction-user"
No 'n'----^
document.getElementById("select-choice-direction-usern").selectedIndex =
^--- Has an 'n'
关于javascript - 如何更改javascript中的选择标签选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22123549/