Get selected item from selection menu in jQuery / jQuery Mobile?

Question

I have jQuery Mobile code:

<select name="selectmenu1" id="selectmenu1"> <option value="o1"> a </option> <option value="o2"> b </option> <option value="o3"> c </option> <option value="o4"> d </option> </select> 

Now I want to get the selected value after the user has changed the selection.

How to do it using jQuery?

Answer 1

It is very simple ...

 $("#selectmenu1").change(function() { var selected = $(this).val(); // or this.value }); 

jsFiddle .

If you need selected node (s) element text, use it instead ...

 $("#selectmenu1").change(function() { var selected = $(this).find(":selected").text(); });​ 

jsFiddle .

Answer 2

 $('#selectmenu1').on('change', function(){ alert( this.value ); }); 

Answer 3

Here is the correct answer for a jQuery Mobile device.

 $(document).bind( "change",'#selectmenu1', function(event, ui) { alert($( '#selectmenu1' ).val()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <select name="selectmenu1" id="selectmenu1"> <option value="o1"> a </option> <option value="o2"> b </option> <option value="o3"> c </option> <option value="o4"> d </option> </select> 

Answer 4

http://jsfiddle.net/ipsjolly/5RaDB/

 <select name="selectmenu1" id="selectmenu1"> <option value="o1"> a </option> <option value="o2"> b </option> <option value="o3"> c </option> <option value="o4"> d </option> </select> <div id="getval" ></div> <script> function displayVals() { var singleValues = $("select").val(); $("#getval").html(singleValues); } $('#selectmenu1').change(function() { displayVals(); });​ </script> 

Answer 5

try this .. this is the easiest way.

  <select name="selectmenu1" id="selectmenu1" onchange="selectvalue(this.value)> <option value="o1"> a </option> <option value="o2"> b </option> <option value="o3"> c </option> <option value="o4"> d </option> </select> 

On the JavaScript side of the code there is ..

 function selectvalue(value){ alert(value); }