4

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>
Peter Mortensen
  • 30,738
  • 21
  • 105
  • 131
Alex
  • 1,933
  • 9
  • 36
  • 40

2 Answers2

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>
Gabriele Petrioli
  • 191,379
  • 34
  • 261
  • 317
rahul
  • 184,426
  • 49
  • 232
  • 263
1

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

Niklas Rosencrantz
  • 25,640
  • 75
  • 229
  • 424