如何使用 JavaScript 更改组合框中的“选定”值？答案

【问题标题】：How to change "selected" value in combobox using JavaScript?如何使用 JavaScript 更改组合框中的“选定”值？
【发布时间】：2011-06-02 16:28:27
【问题描述】：

我有 2 个组合框，“combo1”和“combo2”，

如果我在 combo1 中选择任何值，我需要在 combo2 中与 JavaScript “选择”相同的值。应该在下面的 HTML 中添加哪些 JavaScript 代码才能使其正常工作？

<html>
    <head>
        <title>combo</title>
    </head>

    <body>
        <form name="testForm" action="" method="post">
            <select name="combo1">
                <option value="1">option 1</option>
                <option value="2">option 2</option>
                <option value="3">option 3</option>
            </select><br /><br />
            <select name="combo2">
                <option value="1">option 1</option>
                <option value="2">option 2</option>
                <option value="3">option 3</option>
            </select>
        </form>
    </body>
</html>

【问题讨论】：

Javascript != Java 请不要标记 Javascript-questions java

标签： javascript combobox

【解决方案1】：

<script type='text/javascript'>
    window.onload = function() { BindEvent(); }

    function BindEvent()
    {
        var elemToBind = document.getElementById ( "cmb1" );
        elemToBind.onchange = function () { SetSel ( this ); }
    }
    function SetSel(elem)
    {
        var secondCombo = document.getElementById ( "cmb2" );
        secondCombo.value = elem.value;   
    }
</script>
<body>
    <select id="cmb1">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <select id="cmb2">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</body>

【讨论】：

@Alex: 整个句子中的 spk。

【解决方案2】：

onChange() 可以提供帮助 <select name="combo1" onChange="changeCombo2(...)">

【讨论】：