0

我有 2 个选择列表。有一个复选框,当它被单击时,它需要将选定的值输入到另一个列表中。

我已经到了成功提醒第一个选择列表中的选定值的阶段,我的问题是如何在单击复选框时获取第二个选择列表中的值:

请检查下面的代码,了解我已经走了多远:

<!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript">

    function displayResult() {
      if(document.form1.billingtoo.checked == true) {
        var x = document.getElementById("mySelect").selectedIndex;
        var y = document.getElementById("mySelect").options;
        alert(y[x].text);
      }
    }

    </script>
    </head>
    <body>

    <form name="form1">
    Select your favorite fruit:
        <select id="mySelect">
            <option>Apple</option>
            <option>Orange</option>
            <option>Pineapple</option>
            <option>Banana</option>
        </select>

        <br>

        <input type="checkbox" name="billingtoo" onclick="displayResult()">

        <br>

    Select your favorite fruit 2:
        <select id="mySelect2">
            <option>Apple</option>
            <option>Orange</option>
            <option>Pineapple</option>
            <option>Banana</option>
        </select>

    </form>
    </body>
    </html>

谢谢。

4

1 回答 1

1

只需设置另一个选择元素的选定索引。

jsFiddle 示例

if(document.form1.billingtoo.checked == true) {
        var x = document.getElementById("mySelect").selectedIndex;
        var y = document.getElementById("mySelect").options;
        // Set selected index for mySelect2
        document.getElementById("mySelect2").selectedIndex = x;
}

如果您担心选项的顺序不同,您可以使用get和。setvalue propertyobject

jsFiddle 示例

if(document.form1.billingtoo.checked == true) {
        var x = document.getElementById("mySelect").value;
        var y = document.getElementById("mySelect").options;

        document.getElementById("mySelect2").value = x;       
}
于 2012-08-09T01:41:15.430 回答