如何使用JavaScript更改下拉框中的“选定”值？

Question

如何使用JavaScript更改下拉框中的“选定”值？

4

我有两个下拉框，"combo1"和"combo2",

如果我在combo1中选择任何值，我需要在JavaScript中将相同的值作为"selected"选中combo2。应该添加什么JavaScript代码到下面的HTML中使其起作用？

<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>

- Alex

JavaScript != Java 请不要将 JavaScript 相关问题标记为 java。 - Martijn Courteaux

2个回答

1

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

- Niklas Rosencrantz

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rahul · Accepted Answer

<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>