获取Select Multiple Jquery中Disabled Option的值

Get Value of Disabled Option in Select Multiple Jquery

本文关键字：Disabled Option 的值 Jquery Select Multiple 获取      更新时间：2023-09-26

我的页面上有一个多选，并且我禁用了一个选项，这样用户就不能取消选择它们，但我不知道如何获得禁用选项的值。

到目前为止我的代码

// Get selected positions
var $selPositions = $('select#empPositions').val();

HTML

<select name="empPositions[]" id="empPositions" style="width: 370px;" multiple="" data-placeholder="Choose a Position" required="">
<option></option>
<optgroup label="Admin">
    <option disabled="">There are no positions assigned to Admin</option>
</optgroup>
<optgroup label="Information Technology">
    <option value="1" selected="" disabled="">IT Developer</option>
    <option value="2">IT Geeks</option>
</optgroup>

请注意，禁用选项会根据其他变量进行更改，但它只为我提供选定的非禁用值。有人能告诉我这是否可以做到以及如何做到吗？

我使用Chosen，因此disabled选项

小提琴：http://jsfiddle.net/c5kn5w75/

我确实在JQuery Bug网站上找到了这篇文章，上面写着

.val（）中的长期逻辑确保我们不会在select multiple中返回禁用的选项。为了保持一致性，更改只是对select one应用了相同的行为。如果需要，您可以通过$（"select"）.prop（"selectedIndex"）获取禁用的选项值。

但这对我不起作用。

DEMO

var opt = $('#empPositions option:selected').map(function(i,v) {
    return this.value;
}).get(); // result is array
alert( opt );

请记住，当您提交表格时，即使选择了禁用选项，也不会提交。如果您是通过AJAX提交的，那么您可以获取如上所示的值。

还要记住，$('option[disabled]').val()将返回第一个被禁用的option元素的值，而$('option[disabled]:selected').val()将返回第一选择的被禁用选项的值。

如果总是只有一个selected disabled选项元素，您可以使用将其作为目标

 var opt = $('#empPositions option[disabled]:selected').val(); // result is string

您可以通过执行以下操作来获取禁用元素的值：

$('option[disabled]').val();

//==================================
// Option-1:
//==================================
// Get Disabled Options
var disabled_options = $('#selectboxID option[disabled]');
// Get Disabled Ids
var disabled_options_ids = disabled_options.map(function(i,v) { 
                                return this.value;
                           }).get();

//==================================
// Option-2:
//==================================
// Get Disabled options Ids Using SelectBoxID
var disabled_options_ids= $('#selectboxID option[disabled]').map(function(i,v) {
                               return this.value;
                           }).get();
相关文章：