Retrieving selected string from a combobox

Robbie Hegarty

Hi folks

I've written this little snippet to help simplify my question. Basically, on the combobox change I'm displaying the value of the selection - so 21 if I select BMW. How could I display BMW instead?

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sreekanth Reddy7y ago
Accepted answer
HI Robbie,

Use onChange as like below :
onchange="myFunction(this.options[this.selectedIndex].value);

And in your function :

function myFunction(val)
{
//in val u get dropdown list selected value
document.getElementByID('demo').innerHTML = val;
}
Mark as answer, If it helps. Else come up with your query.
Thank you.
Robbie Hegarty7y ago
I'm not sure how the "Accepted Answer" option works so I've clicked both.

So I would just like to be sure and directly thank both Sreekanth Reddy and Sanwar Ranwa. Both solutions were excellent.
Sreekanth Reddy7y ago
Hi Robbie, Just try like below in helper method :

@Html.DropDownListFor(m => m.EmployeeId, Model.EmployeeListItems, "---Select Employee---", new { Class = "ddlStyle", onchange="myFunction(this.options[this.selectedIndex].value)" })

Thank you.
Robbie Hegarty7y ago
Holy smoke - that was fast. I've been trying to figure that out for over a week. I've read so many forumns and watched loads of videos. And you solved my problem straight away.

Thankyou so much. I actually needed this for a @Html.DropDownListFor in Razor as I didn't want a round trip back to the server.

Thanks again.

Robbie
Sanwar Ranwa7y ago
Hello Robbie

Please check this code
<select id="myWeeCombo" onchange="myFunction()">
       <option value="11">Audioption>
       <option value="21">BMWoption>
       <option value="31">Mercedesoption>
       <option value="41">Volvooption>
   select>
   <p id="demo">p>
   <script>
   function myFunction()
   {
       var car = document.getElementById("myWeeCombo");
       var x = car.options[car.selectedIndex].text;
       document.getElementById("demo").innerHTML = "You selected: " + x;
   }
   script>