如图，如何用js控制“已选区域”不出现重复的？

Question

每次点“添加”按钮，就会在“已选区域”添加上对应的按钮（button），如何用js控制“已选区域”不出现重复的？
这是下面已选区域的代码

var num=0;

        var id_num_0=0;

        var id_num_1=1

        var yxqy_arr;

         //添加    

        $("#search").click(function(){

            if(num>4){

                alert('最多可选5个');

                return false;

                

            }

            

            var val_value = $("#jiedao option:selected").val();

            var val_text = $("#jiedao option:selected").text();

            if(val_value==-1){

                alert("请选择区域");

                return false;

                

            }

            $("#blank_1").before("<input type='button' id ='"+id_num_0+"' name='service_area'  class='yixuanquyu_1' value='"+val_text+"'>"

                    +"<input id ='"+id_num_1+"' type='hidden' name='service_area'  class='yixuanquyu_1' value='"+val_value+"'>");

            id_num_0=id_num_0+2;

            id_num_1=id_num_1+2;

            num=num+1;

        });

Answer 1

重点就是 array push 以后，unique 操作一下。以下是其中一种做法：function onlyUnique(value, index, self) {&nbsp;&nbsp; &nbsp; return self.indexOf(value) === index;}// usage example:var a = ['a', 1, 'a', 2, '1'];var unique = a.filter( onlyUnique ); // returns ['a', 1, 2, '1']