jQuery to retrieve and set selected option value of html select element

Question

I am attempting to retrieve and set the selected value of a select element  drop down list  with jQuery     for retrievel i have tried     myId   find   selected   val    as well as     myId   val   but both return undefined     Any insight into this problem would be much appreciated

User · Accepted Answer

The way you have it is correct at the moment. Either the id of the select is not what you say or you have some issues in the dom.

Check the Id of the element and also check your markup validates at here at W3c.

Without a valid dom jQuery cannot work correctly with the selectors.

If the id's are correct and your dom validates then the following applies:

To Read Select Option Value

$('#selectId').val();

To Set Select Option Value

$('#selectId').val('newValue');

To Read Selected Text

$('#selectId>option:selected').text();

User · Answer

Try this      your select element id   val  your value   attr   add  selected

User · Answer

to get set the actual selectedIndex property of the select element use          select-id   prop  selectedIndex         select-id   prop  selectedIndex  1

User · Answer

When setting with JQM  don t forget to update the UI       selectId   val  newValue   selectmenu  refresh   true

User · Answer

Suppose you have created a Drop Down list using SELECT tag like as follows    lt select id  Country  gt    Now if you want to see what is the selected value from drop down using JQuery then  simply put following line to retrieve that value    var result      Country option selected   text      it will work fine

User · Answer

I know this is old but I just had a bear of a time with Razor  could not get it to work no matter how hard I tried  Kept coming back as  undefined  no matter if I used  text  or  html  for attribute  Finally I added  data-value  attribute to the option and it read that just fine     lt option value  1  data-value  MyText  gt MyText lt  option gt    var DisplayText     this  find  option selected   attr  data-value

User · Answer

myId   val   should do it  failing that I would try       myId option selected   val

User · Answer

myId   val   should work if myid is the select element id   This would set the selected item      myId   val  VALUE

User · Answer

myId option selected    text    will give you the text that you selected in the drop down element  either way you can change it to  val    to get the value of it   check the below coding   lt select id  myId  gt       lt option value  1  gt Mr lt  option gt       lt option value  2  gt Mrs lt  option gt       lt option value  3  gt Ms lt  option gt        lt option value  4  gt Dr lt  option gt       lt option value  5  gt Prof lt  option gt   lt  select gt

[jquery] jQuery to retrieve and set selected option value of html select element

Examples related to jquery

Examples related to jquery-selectbox