JQuery select2 get select tag value?

Question

Hi friends, this is my code:

<select id='first'> <option value='1'> First </option> <option value='2'> Second </option> <option value='3'> Three </option> </select> 

This is my select2 code:

 $("#first").select2(); 

Below is the code to get the selected value.

 $("#first").select2('val'); // It returns first,second,three. 

This returns text like first,second,three , and I want to get 1,2,3 .
So I need a select value, not text.

Answer 1

 $("#first").val(); // this will give you value of selected element. ie 1,2,3. 

Answer 2

To get a Select element, you can use $('#first').val();

To get the text of the selected value - $('#first :selected').text();

Could you post your select2() function code

Answer 3

$("#first").select2('data') will return all data as a map

Answer 4

This solution allows you to forget the select element. Useful if you do not have an identifier on the selected items.

 $("#first").select2() .on("select2:select", function (e) { var selected_element = $(e.currentTarget); var select_val = selected_element.val(); }); 

Answer 5

If you are using ajax , you may need to get an updated value for the selection on the right after the selection.

 //Part 1 $(".element").select2(/*Your code*/) //Part 2 - continued $(".element").on("select2:select", function (e) { var select_val = $(e.currentTarget).val(); console.log(select_val) }); 

Credits: Stephen Johnston

Answer 6

See this script .
Basically, you want to get the value your option -tags, but you are always trying to get the value of your select - node with $("#first").val() .

So, we have to select the option tags, and we will use the jQuerys selector:

 $("#first option").each(function() { console.log($(this).val()); }); 

$("#first option") selects each option , which is a child of the element with id first .

Answer 7

Try the following:

 $('#input_id :selected').val(); //for getting value from selected option $('#input_id :selected').text(); //for getting text from selected option 

Answer 8

Simple answer:

 $('#first').select2().val() 

and you can also write:

  $('#first').val()