JQuery select2 получить значение тега select?

Привет друзья, это мой код:

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

Это мой код select2:

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

Ниже приведен код для получения выбранного значения.

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

Это возвращает текст типа first,second,three, и я хочу получить 1,2,3.
Значит, мне нужно значение select, а не текст.

Ответы

Ответ 1

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

Ответ 2

Чтобы получить элемент Select, вы можете использовать $('#first').val();

Чтобы получить текст выбранного значения - $('#first :selected').text();

Не могли бы вы разместить свой select2() код функции

Ответ 3

$("#first").select2('data') вернет все данные в виде карты

Ответ 4

Это решение позволяет забыть элемент select. Полезно, если у вас нет идентификатора на выбранных элементах.

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

Ответ 5

Если вы используете ajax, вам может потребоваться получить обновленное значение для выбора справа после выбора.

//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)
});

Кредиты: Стивен-Джонстон

Ответ 6

Смотрите эту скрипту.
В основном, вы хотите получить value ваших option -tags, но вы всегда пытаетесь получить значение вашего select - node с помощью $("#first").val().

Итак, мы должны выбрать теги option, и мы будем использовать селектора jQuerys:

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

$("#first option") выбирает каждый option, который является дочерним элементом элемента с id first.

Ответ 7

Попробуйте следующее:

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

Ответ 8

Простой ответ:

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

и вы также можете написать:

 $('#first').val()