如何在选择选择器下拉列表中只有唯一选项？答案

【问题标题】：How to have only unique options in select picker drop down?如何在选择选择器下拉列表中只有唯一选项？
【发布时间】：2017-07-05 03:53:20
【问题描述】：

我有一个选择选择器下拉菜单。我从后端动态附加选项值，但是当相同的值出现时，下拉列表中有重复的选项。我只想在下拉列表中有唯一值。如何在将值附加到下拉列表之前检查值是否已经存在？

我正在附加这样的值：

$("#pid").append('<option value="'+strSplit[0]+'"selected="">'+strSplit[0]+'</option>');
$("#pid").selectpicker("refresh");

【问题讨论】：

您可能必须在后端处理。
过滤数组中的唯一项，即删除重复项，然后附加值

标签： jquery html

【解决方案1】：

使用选择器查找具有相同值的现有选项。如果不存在，请添加。

if ($("#pid option[value=" + strSplit[0] + "]").length == 0){
    $("#pid").append('<option value="'+strSplit[0]+'"selected="">'+strSplit[0]+'</option>');
    $("#pid").selectpicker("refresh");
}

【讨论】：

这可行，但无论如何都可以在选择框中显示现有选项而不实际附加它。我尝试使用下拉列表的.val 属性，但它不起作用。
.val 不是属性，而是函数：$("#pid").val(option_to_select)