Call function based on dropdown selection

Question

I have the following dropdown

<select onchange="myFunc(argument here)" id="propertydropdown">
<option value="tags">blah</option>
<option value="tags2">blahblah</option>
<option value="tags3">blahblahblah</option>
</select>

how do i get the argument to be the value of the option currently selected?

possible duplicate of [jQuery get value of select onChange](http://stackoverflow.com/questions/11179406/jquery-get-value-of-select-onchange) or [How to get the selected value of dropdownlist using JavaScript?](http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using-javascript) if you prefer a non-jQuery question (the answer is the same) — Bergi, Aug 08 '13 at 23:24

score 4 · Answer 1 · answered Aug 08 '13 at 23:23

4

Simply myFunc(this.value), since this == document.getElementByID("propertydropdow") in the handler

answered Aug 08 '13 at 23:23

Bergi

630,263
148
957
1,375

yup that's the answer thanks! – LemonMan Aug 08 '13 at 23:23
how would I do this if I have – LemonMan Aug 09 '13 at 00:04
@Lemonio: It's the same actually? – Bergi Aug 09 '13 at 00:21
i don't think my onchange is working then, though maybe i'm just doing something else wrong – LemonMan Aug 09 '13 at 00:32
nvm found a workaround – LemonMan Aug 09 '13 at 00:36
if the text contain spaces I can only access the first word – P-RAD Dec 08 '14 at 10:05

score 0 · Answer 2 · answered Aug 08 '13 at 23:23

I'm not sure how you could pass the selected value as an argument, but what you could do is within the handler itself use this to work out the value (this will be the select):

function myFunc() {

    var value = this.options[ this.selectedIndex ].value;

   // ...do stuff

}

You might even be able to do onclick="myFunc( this.options[ this.selectedIndex ].value );", but I haven't tried that.

Call function based on dropdown selection

2 Answers2