在选择框中获取重复的值，需要从选择框中删除重复的选项

Question

我想首先从php中取消选择的值中删除重复的值，或者在jquery / javascript中有可能吗？

我正在网站上的编辑页面上工作，需要显示一个SELECT框，其中应选择一些值，而某些则不能。

从数据库中获取数据后，我有以下代码

 <select name="tour_category[]" multiple="multiple" style="height:300px;"> <option value="1" selected>Family</option> <option value="3" selected>Wildlife</option> <option value="4" selected>Cuisine (Food Tours & Food Walks)</option> <option value="1">Family</option> <option value="1">Family</option> <option value="2">Religion & Spirituality</option> <option value="2">Religion & Spirituality</option> <option value="2">Religion & Spirituality</option> <option value="3">Wildlife</option> <option value="3">Wildlife</option> <option value="4">Cuisine (Food Tours & Food Walks)</option> <option value="4">Cuisine (Food Tours & Food Walks)</option> <option value="5">Boat Trips</option> <option value="5">Boat Trips</option> <option value="5">Boat Trips</option> <option value="6">Short Tours (Half Day tours/Walking Tours/Day Excursions)</option> <option value="6">Short Tours (Half Day tours/Walking Tours/Day Excursions)</option> <option value="6">Short Tours (Half Day tours/Walking Tours/Day Excursions)</option> <option value="7">Weekend Gateways</option> <option value="7">Weekend Gateways</option> <option value="7">Weekend Gateways</option> </select> 

但我需要显示以下输出：

 <select name="tour_category[]" multiple="multiple" style="height:200px;"> <option value="1" selected>Family</option> <option value="2" selected>Religion & Spirituality</option> <option value="3" selected>Wildlife</option> <option value="4">Cuisine (Food Tours & Food Walks)</option> <option value="5">Boat Trips</option> <option value="6">Short Tours (Half Day tours/Walking Tours/Day Excursions</option> <option value="7">Weekend Gateways</option> </select> 

Answer 1

如果要实现此目的，建议您使用for循环或映射显示option标签，并从映射的数组中删除重复项。 您可以使用Set通过ES6实现此目的。

因此，假设您具有以下代码：

const array = ['Family', 'Family', 'Wildelife', 'Wildlife'];
const uniqueSet= new Set(array);
const uniqueArray = [...uniqueSet];

//the new array will be ['Family', 'Wildlife']

Answer 2

在选择标记中添加属性id =“ tour_category”并尝试

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