Home/ Questions/Q 8679317
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T20:56:29+00:00

I have a combobox which has 10 entries in them and when you click

  • 0

I have a combobox which has 10 entries in them and when you click one I want the Select entry to change based upon which one the user selects in the combobox. I have tried something similar to this but it doesnt seem to work.

    if (document.getElementById('label').selectedIndex = '0')
        {document.getElementById('labelname').innerHTML='choice1';}

            else if(document.getElementById('label').selectedIndex = '1')
                {document.getElementById('labelname').innerHTML='choice2';}

                    else(document.getElementById('label').selectedIndex = '2')
                        {document.getElementById('labelname').innerHTML='choice3';}

The problem is, whichever cam I click is always reverting to the last one giving me ‘choice3’ as my label for all 10 entries. Any help? I havent finished the code as these arent even working yet.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You code have 2 main problems.

    1. For equality comparison you must use ‘==’ not ‘=’ . ‘=’ will change the value
    2. The last ‘else’ must have an ‘if’ keyword

    The correct is as below:

    <html>
<head>
<script type="text/javascript">
function select() {

   if (document.getElementById('label').selectedIndex == '0')
        {document.getElementById('labelname').value ='choice1';}

            else if(document.getElementById('label').selectedIndex == '1')
                {document.getElementById('labelname').value ='choice2';}

                    else if(document.getElementById('label').selectedIndex == '2')
                        {document.getElementById('labelname').value ='choice3';} 

}
</script>       
</head>     

<body>

<select id="label">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

<button onclick="select()">Select</button>

<input type="text" id="labelname" />

</body>


</html>
    • 0