javascript - Get index or value of clicked option from multiple select -

javascript - Get index or value of clicked option from multiple select -

i have multiple select in want clicked alternative on cliked.

e.g. if click on first alternative display first alternative index or value.

html code

<select class="founder_designation" rel="designation" placeholder="designation" multiple="multiple" name="designation"> <option value="">-- select designation --</option> <option value="chairman_managing_director">chairman &amp; managing director</option> <option selected="selected" value="director" >director</option> <option value="whole_time_director">whole time director</option> <option value="other">other</option> </select>

jquery code

$(".founder_designation").on("change",function(){ alert($(this).val()); //it display selected options comma separated })

js fiddle

this trick,

$('.founder_designation').on('click','option',function(){ alert($(this).val()); });

if want value seek thing this,

$('.founder_designation').on('click','option',function(){ alert("clicked value:"+$(this).val()); $a=$('.founder_designation option:selected'); $str=''; for($i=0;$i<$a.length;$i++){ $str+=$('.founder_designation option:selected:eq('+$i+')').val()+","; } alert("all selected :"+$str); });

check demo js fiddle demo

javascript jquery html