按选定值获取选择元素

Question

我正在寻找一种方法来使用它的选定值来获取一个选择元素。 选项很简单：$('option[value="lol"]');

但它不适用于$('select[value="lol"]');

是否可以使用简单的选择器执行此操作？

Answer 1

您可以使用filter？

$("select").filter(function() {
    return $(this).val() === "lol";
});

jsFiddle Example

这假设您需要实际选择<select>选项的所有lol元素。如果您只是想检查select是否包含lol选项，是否选中，您可以使用parent：

$('option[value="lol"]').parent();

jsFiddle Example

Answer 2

你可以在jQuery中使用这样的东西：

＆＃13;

＆＃13;

var lol = getSelect(1);

lol.css({
  "color": "red"
});


function getSelect(i) {
  var option = $('select option[value="' + i + '"]');
  return option.parent('select');
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="myselect">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

＆＃13;

＆＃13;

＆＃13;