如何更改JavaScript中的选择标记选项？

下面的html代码有两个不同的选择标签，具有相同的选项。如果用户更改其中的一个，我也希望其他选择标签中的值也发生变化。我有一个JavaScript函数，但它不工作？如何更改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>

来源

2014-03-02 dev_marshell08

不同ID：

<select name="select-choice-direction-user" id="select-choice-direction-user" 
                    No 'n'----^ 

document.getElementById("select-choice-direction-usern").selectedIndex = 
                ^--- Has an 'n'

来源

2014-03-02 03:46:21

考虑刚才所作的修改，这一定不能出现在实际的代码。 – isherwood

@isherwood是正确的，它不存在于实际的代码中 –

如何更改JavaScript中的选择标记选项？

回答

相关问题