Lọc các tùy chọn trùng lặp từ menu thả xuống chọn

Question

Tôi có bộ chọn thả xuống được tạo từ danh sách và muốn lọc các tùy chọn để xóa các mục trùng lặp. ví dụ. Tôi muốn lọc ...

<select name="company"> 
    <option "1">Microsoft</option> 
    <option "2">Microsoft</option> 
    <option "3">Microsoft</option> 
    <option "4">Microsoft</option> 
    <option "5">Apple</option> 
    <option "6">Apple</option> 
    <option "7">Google</option> 
</select> 

... xuống để trình bày cho người dùng một cái gì đó giống như ...

<select name="company"> 
    <option "1">Microsoft</option> 
    <option "5">Apple</option> 
    <option "7">Google</option> 
</select> 

(Các dữ liệu xuất phát từ một Lookup Sharepoint trên danh sách khác và tôi nghĩ rằng tôi có thể sử dụng jquery để chỉ giữ các tùy chọn duy nhất mà không cần phải đi sâu vào những gì đang diễn ra.) Tôi có thể xóa các tùy chọn như thế này không? Cảm ơn.

Answer 1

Bạn có thể làm điều đó với một vòng lặp đơn giản - có thể là một cách thông minh để xử lý này với bộ chọn jQuery mà tôi không nhìn thấy, mặc dù. Sau đây nên làm việc:

var usedNames = {}; 
$("select[name='company'] > option").each(function() { 
    if(usedNames[this.text]) { 
     $(this).remove(); 
    } else { 
     usedNames[this.text] = this.value; 
    } 
}); 

Edit: Dưới đây là một chức năng kiểu one-liner nào đó với sự giúp đỡ của các sắc Underscore.js, mặc dù các phiên bản trước là gần như chắc chắn hiệu quả hơn:

_.each(_.uniq(_.pluck($("select[name='company'] > option").get(), 'text')), function(name) { $("select[name='company'] > option:contains(" + name + ")").not(":first").remove(); }); 

Answer 2

Bạn có thể làm một cái gì đó như thế này:

var previousOption; 
$('select[name=company] option').each(function() { 
    if (this.text == previousOption) $(this).remove(); 
    previousOption= this.text; 
}); 

Answer 3

Bạn có thể thử mã sau, nó sẽ loại bỏ các bản sao bất kể vị trí của chúng. Ở đây #targetSelect là mục tiêu thả xuống của bạn

var a = new Array(); 
$(#targetSelect).children("option").each(function(x){ 
test = false; 
b = a[x] = $(this).text(); 
for (i=0;i<a.length-1;i++){ 
if (b ==a[i]) test =true; 
} 
if (test) $(this).remove(); 
});