0

我想选择所有下拉列表与从主下拉列表中选择的值相同。如果从主要下拉列表中选择了一个选项，我可以使用它，但如果有两个选项，我将无法使用它，我在下面添加了一些代码供您参考。

HTML：

<select name="ForceSelection" id="ForceSelection" onChange="javascript:return setDropDown();">
<option value="" selected>Select Name</option>
<option value="Pass">Pass</option>
<option value="Fail">Fail</option>
</select>

<select id="Qualifications" name="Qualifications">
    <option value="select">select</option>
    <option value="Pass">Pass</option>
    <option value="Fail">Fail</option>
</select>

<select  id="Qualifications" name="Qualifications">
    <option value="select">select</option>
    <option value="Pass">Pass</option>
    <option value="Fail">Fail</option>
</select>

JavaScript： 

function setDropDown() {
    var index_name=document.QualificationForm.ForceSelection.selectedIndex;  

    document.QualificationForm.Qualifications.selectedIndex=index_name;

}
4

2 回答 2

0

试试这个

function setDropDown() {
   var index_name = 
        document.getElementsByName('ForceSelection')[0].selectedIndex;
   var others = document.getElementsByName('Qualifications');
   for (i = 0; i < others.length; i++)
       others[i].selectedIndex = index_name;
}
于 2012-08-07T11:32:11.823 回答
0

您可能会使用以下内容，但目前未经测试：

function setDropDown(el){
    if (!el) {
        return false;
    }
    else {
        var index = el.selectedIndex,
            selects = document.getElementsByName('qualifications');
            for (var i=0, len=selects.length; i<len; i++){
                selects[i].selectedIndex = index;
            }
    }
}

这要求您将#ForceSelection select元素传递给函数，因此称为：

<select name="ForceSelection" id="ForceSelection" onChange="javascript:return setDropDown(this);">
<!-- other stuff -->
</select>

此selectedIndex传入元素的 将应用于select名称为 的其他元素qualifications。

另外，请允许我重申：an在文档中id 必须是唯一的，才能成为有效的 HTML。

于 2012-08-07T11:32:43.277 回答