How to get the selected text instead of value in dropdown menu

Question

I am trying to get the user selected texts for my dropdown menu.

I have

 var selectMenu=document.createElement('select'); selectMenu.className='menu'; for(var i=0; i<array.length; i++){ var option=document.createElement('option'); option.className='option'; option.innerHTML=array[i].name; option.value=array[i].id; selectMenu.appendChild(option); } $(selectMenu).change(function(){ //i want to get the selected text here //I know I could get value by using $(this).val() //but not sure how to get the selected text here. })

I have google the issue and all I found are like

$('#menu option:selected).text().

Are there anyways to get what I need? Thanks a lot!

stackoverflow.com/questions/1643227/…

Radi
– Radi

2013-01-04 21:33:18 +00:00
Commented Jan 4, 2013 at 21:33 — Radi
– Radi, Commented Jan 4, 2013 at 21:33

Rafay · Accepted Answer · 2013-01-04 21:36:57Z

if you have something like

<select> <option value='1'> SO</option> <option value='2'>GOOGLE</option> </select>

you can try

$("select").change(function(e){ console.log($(":selected",this).text()); });

http://jsfiddle.net/Ykzp7/

works like a charm! thanks! (need to wait before I give you green.)

obs · Accepted Answer · 2013-01-04 21:34:52Z

1

try $('.menu option:selected).text() instead of $('#menu ...

answered Jan 4, 2013 at 21:34

obs

8893 gold badges16 silver badges37 bronze badges

Collectives™ on Stack Overflow

How to get the selected text instead of value in dropdown menu

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related