javascript - jQuery1.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')
}

デモ

編集：上記のスニペットは、containstextContentに指定された値が含まれている要素をフィルタリングするjQueryセレクターを使用しています。完全に一致させるには、christian-mannの回答で提案されているコードスニペットを使用できます。

Javascript（jqueryではない）でこれを行う方法– Jerry

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

Answer 2

jQueryフィルター関数は、引数として関数を受け入れます。

$('#sel option').filter(function() { 
    return $(this).text() === "Option1"; 
});

Answer 3

var length = $('#sel option').filter(function() { 
    return $(this).text() === "Option1"; 
}).length;

if(length == 0)
    console.log('This option text doesn't exist.');
else
    console.log('This option text exists ' + length + ' times.');

長さが0の場合、存在しません。完全に一致するわけではないため、通常、containsを使用するのは好きではありません。

Answer 4

var hasOption1=$("option:contains('Option1')", "#sel").length==1; //true or false