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

时间:2012-02-20 18:17:25

标签: jquery forms select options

我的问题是删除重复的选项值。 从一开始,期权价值未知。当我选择城市时,则处理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>

WORKING:

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

1 个答案:

答案 0 :(得分:6)

我自己做的是:

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;
    }
});