jquery - JQuery を使用してドロップダウンにオプションが追加されているかどうかを確認するには

Question

オプションを追加するドロップダウン リストがあります。

var Option = "<option disabled=\"true\" selected=\"selected\" style=\"display: none;\">" + Choose the following + "</option>";
$dropdown.prepend(Option );

私の問題は、オプションがドロップダウンに既に存在するかどうかを確認し、存在しない場合はドロップダウンにのみ追加する方法です。私はJqueryにかなり慣れていないので、助けてください。

また、JQuery のドロップダウンに透かしを追加することもできます。

Answer 1

:containsを使用できます

if($dropdown.find('option:contains("Choose the following")').length > 0)

Answer 2

あなたの場合、その属性の1つに基づいて各オプションを区別できる必要があります。それが値だとしましょう。

if ($("#yourSelect option[value='yourValue']").length == 0) {
   // Add
}
else {
   // Already present don't add.
}

また、そのようにオプションを宣言する必要はありません。二重引用符の代わりに単一引用符を使用してください。

var Option = "<option disabled='true' selected='selected' style='display: none;'>" + "Choose the following" + "</option>";

透かしの追加に関する限り、ここを確認してください。

Answer 3

これを試して

  $(function(){     
       alert($('#DropDownID option').length);
  });

デモ