jquery - 使用 prop( ) 按值获取 jQuery 选择选项

Question

我试图查看选项中是否已存在选项，但我想使用先前声明的设置为对象的变量，而不使用 option[value] 选择器。

示例:如果选项存在，则评估结果为 true(我不想使用它)

$("#mySelect option[value='myValue']").length > 0;

如果我将 #mySelect 设置为变量，而不使用 option[ ] 选择器

var obj = $("#mySelect");

我如何检查同样的事情？

我尝试了 prop('options') 但似乎无法按值检查...

提前致谢。

Answer 1

更新

您首先获得选择和选项的句柄，如下代码所示

var mySelect = $("#mySelect");
var optionMyValue = mySelect.find("option[value='myValue']");

一旦它们存储在变量中，您就不再需要重新查询 DOM。我制作了一个小代码片段来说明这一点。

$(document).ready(function () {

  // Store mySelect and optionMyValue in a variable
  var mySelect = $("#mySelect");
  var optionMyValue = mySelect.find("option[value='myValue']");

  $("#button").click(function () {
    if (optionMyValue.length) {
      optionMyValue.prop("selected", true);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="mySelect">
  <option value=""></option>
  <option value="myValue">myValue</option>
  <option value="myValue2">myValue2</option>
  <option value="myValue3">myValue3</option>
  <option value="myValue4">myValue4</option>
</select>

<input type="button" id="button" value="Click to select myValue">