检查是否已使用JQuery将选项添加到下拉列表中

时间:2013-10-15 07:28:00

标签: jquery

我有一个下拉列表,其中添加了一个选项。

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

我的问题是如何检查选项是否已经存在于下拉列表中,如果它不存在则只将其添加到下拉列表中。 我对Jquery很新,请帮忙。

也可以在JQuery的下拉列表中添加水印。

4 个答案:

答案 0 :(得分:4)

您可以使用:contains

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

答案 1 :(得分:2)

你需要能够根据你的情况中的一个属性来区分每个选项,让我们说它的价值。

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>";

就添加水印而言check here

答案 2 :(得分:0)

试试这个

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

Demo

答案 3 :(得分:0)

您可以尝试检查选项长度,如果长度为0,则在前面添加选项:

if($dropdown.find('option').length < 0){
    $dropdown.prepend(Option );
}