jQuery select2获取select标签的值？

Question

你好朋友这是我的代码:

<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.
意味着我需要选择框的值,而不是文本.

Answer 1

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

Answer 2

要获取可以使用的Select元素 $('#first').val();

要获取所选值的文本 - $('#first :selected').text();

您能否发布您的select2()功能代码

Answer 3

$("#first").select2('data') 将所有数据作为地图返回

Answer 4

此解决方案允许您忘记选择元素.如果您没有选择元素的ID,则会很有帮助.

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

Answer 5

如果您使用的是ajax,则可能需要在选择后立即获取select的更新值.

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

致谢:Steven-Johnston

Answer 6

简单的答案是：

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

你也可以这样写：

 $('#first').val()

Answer 7

上述解决方案对我来说不适用于最新的 select2 (4.0.13)

使用 jQuery，您可以使用此解决方案根据文档检索值：https ://select2.org/programmatic-control/retriving-selections

$('#first').find(':selected').val();