jQuery - 禁用基于option关键字的select选项而不是value

Question

我有这个HTML选择代码：

​<select name="loc_code">
  <option value="">Select</option>
  <option value="loc1">Loc1 status ON</option>
  <option value="loc2">Loc2 status ON</option>
  <option value="loc3">Loc3 status OFF</option>
  <option value="loc4">Loc4 status ON</option>
</select>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

所以，我有一个问题是根据文本名称而不是值来禁用选项下拉菜单。我只需要禁用包含状态OFF的选项。

我试图在StackOverflow上修改其他类似问题的jQuery代码，但显然这是错误的：

$("select[name="loc_code"] option:selected").text(function() {
  var $thisOption = $(this);
  var valueToCompare = "OFF";

  if($thisOption.val() == valueToCompare) {
    $thisOption.attr("disabled", "disabled");
  }
});​

非常感谢任何帮助。

Answer 1

为什么不这样做：

$('select[name=loc_code] option').each(function() {
    if ($(this).text().indexOf('OFF') >= 0) $(this).attr('disabled', 'disabled');
});​

<强> jsFiddle example

Answer 2

您可以使用contains选择器

$('select[name="loc_code"] option:contains(OFF)').prop('disabled',true);​

http://jsfiddle.net/CALe7/