jquery - 从 html 表单下拉选项列表中删除重复值

Question

我的问题是删除重复的选项值。
从一开始，选项值是未知的。当我选择城市时，正在处理 ajax 请求并从该城市获取所有可用的分类广告。从这个“城市阵列”自动构建带有街道的下拉列表。但是当然有重复的选项值。那么，我该如何删除它们？

<select name="det_pas_object_gatve" class="det_pas_object_select_css">
<option selected="selected" value="">--- Choose street ---</option>
 <option value="Barrow">Barrow</option>
 <option value="Hornets">Hornets</option>
 <option value="Barrow">Barrow</option>
 <option value="Stanley">Stanley</option>
 <option value="Simon">Simon</option>
 <option value="Barrow">Barrow</option>
</select>

在职的:

var foundedinputs = [];
    $("select[name=det_pas_object_gatve] option").each(function() {
      if($.inArray(this.value, foundedinputs) != -1) $(this).remove();
      foundedinputs.push(this.value);
    });

Answer 1

我自己做的是这样的:

var seen = {};
jQuery('.det_pas_object_select_css').children().each(function() {
    var txt = jQuery(this).clone().wrap('<select>').parent().html();
    if (seen[txt]) {
        jQuery(this).remove();
    } else {
        seen[txt] = true;
    }
});