使用 JQuery 检查下拉菜单中是否已添加选项

Question

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

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

我的问题是如何检查下拉菜单中是否已经存在选项，如果不存在，则仅将其添加到下拉菜单中。 我对Jquery比较新，请帮忙。

另外，是否可以在JQuery中向下拉菜单添加水印？

- user2480288

---

这段代码可以写得更好看一些： $('<option/>',{ "disabled":true, "selected":"selected", "style":"display: none;"}).text("选择以下内容").prependTo($dropdown); - mplungjan

Answer 1

你可以使用:contains。

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

- Adil

Answer 2

在您的情况下，您需要能够根据选项中的一个属性（比如value）来区分每个选项。

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

关于添加水印，可以在这里查看。

- Abijeet Patro

Answer 3

试试这个

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

演示

- Amit

Answer 4

你可以尝试检查选项长度，如果长度为0，则在选项前添加：

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

- Jai