pass current selected option to javascript function

Question

I have a multiple select list. on select for an option from the list,I am calling a javascript function. I want to pass the current selected option object to this javascript function.

How can I do this? I tried following but its not working.

       <select  onClick="callJavascriptFun(this.option);"  >
        </select>

Your answer can be found here: http://stackoverflow.com/questions/5416767/javascript-selected-value — Laurens Swart, Jan 31 '16 at 19:22
You don't generally need the option, just the value, which would be `this.value` — adeneo, Jan 31 '16 at 19:23

Jumpa · Answer 1 · 2016-01-31T20:43:42.967

1

for getting the selected option, try the following code:

<select onchange="callJavascriptFun(this.options[this.selectedIndex]);"  >
</select>

inside the callJavascriptFun function you will get of course the selected option.

edited Jan 31 '16 at 20:43

answered Jan 31 '16 at 19:23

Jumpa

878
1
8
12

Just to clarify, I want the option object and not the value – Parag Jan 31 '16 at 19:51

RomanPerekhrest · Answer 2 · 2016-01-31T19:55:41.667

0

Make it easier with event handler:
html part

 <select class="list">
 </select>

js part:

$('select.list').change(function(){
    var selectedOption = $('option:selected', $(this)); // your selected option object(element)
    var current = $(this).val(); // your selected option value
    ....
});

edited Jan 31 '16 at 19:55

answered Jan 31 '16 at 19:25

RomanPerekhrest

88,541
4
65
105

Just to clarify, I want the option object and not the value – Parag Jan 31 '16 at 19:51

pass current selected option to javascript function

2 Answers2