How to change "selected" value in combobox using JavaScript?

I have 2 comboboxes, "combo1" and "combo2",

If I select any value in combo1, I need that same value in combo2 as "selected" by JavaScript. What JavaScript code should be added to the HTML below to make it work?

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

I have 2 comboboxes, "combo1" and "combo2",

If I select any value in combo1, I need that same value in combo2 as "selected" by JavaScript. What JavaScript code should be added to the HTML below to make it work?

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

Share Improve this question edited Nov 12, 2010 at 13:23 Peter Mortensen 31.6k22 gold badges110 silver badges133 bronze badges asked Nov 22, 2009 at 8:23 Alex 1,9639 gold badges36 silver badges41 bronze badges

1 Javascript != Java Please do not tag Javascript-questions java – Martijn Courteaux Commented Nov 22, 2009 at 8:28

Add a comment |

2 Answers 2

Sorted by: Reset to default 13

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

onChange() can help <select name="combo1" onChange="changeCombo2(...)">

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

How to change "selected" value in combobox using JavaScript? - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)