jQuery select2获取选择标签的值？

朋友您好，这是我的代码：

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

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

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

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

能请您发布您的select2()功能代码吗

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

如果您正在使用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)
});

鸣谢：史蒂文·约翰斯顿

此解决方案使您可以忘记选择元素。在选择元素上没有ID时很有用。

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

简单的答案是：

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

您还可以通过这种方式编写：

 $('#first').val()

试试这个 ：

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

看到这个小提琴。
基本上，您想获取-tag 的values option，但始终尝试使用以下方法获取select-node 的值$("#first").val()。

因此，我们必须选择选项标签，我们将利用jQuerys选择器：

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

$("#first option")选择每个optionID为的元素的子元素first。

上述解决方案不适用于最新的select2（4.0.13）

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

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

其他答案对我不起作用，因此我开发了解决方案：

我用class = “ option-item”创建了option以便于定位

HTML：

<select id="select-test">
<option value="5-val" id="first-id" class="option-item"> First option </option>
</select>

然后对于我添加的每个选定选项，不显示任何内容属性

CSS：

option:checked {
   display: none;
}

现在我们可以将更改添加到我们的SelectBox中，以通过简单的：hidden查找不显示任何属性的选定选项属性

jQuery的：

$('#select-test').change(function(){
//value 
    $('#select-test').find('.option-item:hidden').val();
//id
    $('#select-test').find('.option-item:hidden').attr('id');
//text
    $('#select-test').find('.option-item:hidden').text();
});

工作提琴：https : //jsfiddle.net/Friiz/2dk4003j/10/

解决方案：

var my_veriable = $('#your_select2_id').select2().val();
var my_last_veriable = my_veriable.toString();