朋友们好，这是我的代码：
<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。
意味着我需要选择框的值，而不是文本。
【问题讨论】：
标签： jquery jquery-select2
$("#first").val(); // this will give you value of selected element. i.e. 1,2,3.
【讨论】：
要获取 Select 元素，您可以使用 $('#first').val();
获取所选值的文本 - $('#first :selected').text();
能否请您发布您的select2()功能代码
【讨论】：
$('#first :selected').text(); 另一个选项是返回所有可能的选项。
$("#first").select2('data') 会将所有数据作为地图返回
【讨论】：
如果您使用的是 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)
});
致谢：史蒂文-约翰斯顿
【讨论】：
currentTarget 来自哪里吗？您的 ID/姓名示例均与问题无关。所以我无法与任何地方联系。
此解决方案允许您忘记选择元素。当您在选择元素上没有 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
【讨论】：
以上解决方案不适用于我最新的 select2 (4.0.13)
使用 jQuery，您可以使用此解决方案根据文档检索值：https://select2.org/programmatic-control/retrieving-selections
$('#first').find(':selected').val();
【讨论】：
$(".element").select2(/*Your code*/)
.on('change', function (e) {
var getID = $(this).select2('data');
alert(getID[0]['id']); // That's the selected ID :)
});
【讨论】：
见this fiddle。
基本上，您想获得option-tags 的values，但您总是尝试使用$("#first").val() 获得select-node 的值。
所以我们必须选择选项标签，我们将使用 jQuerys 选择器：
$("#first option").each(function() {
console.log($(this).val());
});
$("#first option") 选择每个 option，它是 ID 为 first 的元素的子元素。
【讨论】：
其他答案对我不起作用，所以我开发了解决方案：
我使用 class="option-item" 创建了选项以便于定位
HTML：
<select id="select-test">
<option value="5-val" id="first-id" class="option-item"> First option </option>
</select>
然后对于每个选定的选项，我添加了 display none 属性
CSS：
option:checked {
display: none;
}
现在我们可以添加 change 到我们的 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();
});
【讨论】：
解决方案：
var my_veriable = $('#your_select2_id').select2().val();
var my_last_veriable = my_veriable.toString();
【讨论】：