如何使用jquery删除html select有重复的数据和文本名称?

时间:2017-08-02 03:51:40

标签: javascript jquery html listbox

有没有办法在jquery中删除或分组select选项的重复数据和文本名?请检查THIS

2 个答案:

答案 0 :(得分:1)

尝试使用以下代码删除重复选项:

使用.siblings()(定位同级{{yield}}元素)和Attribute Equals Selector [attr='']



option

$("#color option").val(function(idx, val) {
  $(this).siblings("[value='"+ val +"']").remove();
});




答案 1 :(得分:0)

我不知道你是如何编写代码的,但是从高层次来看,你可以创建一个包含每一行HTML输出的数组(甚至是重复数据),然后创建另一个数组为它添加唯一值,以便没有重复。 IE

    var HTML = ["<option>stuff </option>","<option>same stuff </option>","<option> same stuff </option>","<option>different stuff </option>","<option>different stuff </option>","<option>different stuff </option>","<option>different stuff </option>"];
    var uniqueHTML = [];
    $.each(names, function(i, el){
    if($.inArray(el, uniqueHTML) === -1) uniqueHTML.push(el);
});

这将删除所有重复项并留下一系列唯一的HTML值,然后您可以将其作为输出进行迭代。这不是最节省时间的方法,但没有提供任何代码,这是我能提供的。