javascript - 检查是否存在基于 jQuery 1.7 中的文本的选择选项

Question

所以我有以下一段 HTML:

<select id="sel">
<option value="0">Option1</option>
<option value="1">Option2</option>
<option value="2">Option3</option>
<option value="3">Option4</option>
</select>

如何检查#sel 是否有基于文本值的选项？ (“选项 1”)

Answer 1

尝试以下操作:

var opt = 'Option1';
if ($('#sel option:contains('+ opt +')').length) {
   alert('This option exists')
}

Demo

编辑:上面的代码片段使用 jQuery contains 选择器过滤其 textContent 包含 指定值的元素。对于完全匹配，您可以使用 christian-mann 的回答中建议的代码片段。

How to do this with Javascript (not jquery) – Jerry

var optionExists = [].some.call(document.getElementById('sel').options, function(option) {
   return option.textContent === 'value';
});