jquery 动态添加select 如何避免重复添加（去重）

1、确定当前需要添加元素的text以及对应的value

2、获取当前下拉框中所有的option元素数组optionArr，可以通过$('#citySelect option')获取元素集合。

3、遍历optionArr，判断需要添加的text或者value是否和optionArr相同，相同则不添加，没有重复则添加。

示例：

<select id='citySelect'>

<option value='beijing'>北京</option>

<option value='shanghai'>上海</option>

</select>

方法：

<script>

function addCity(value, text){

var optionArr = $('#citySelect option')

for(var i=0i<optionArr.lengthi++){

if(optionArr[i].text == text || optionArr[i].value == value){

return false

}

}

var addOption = "<option value='" + value + "'>" + text + "</option>"

$('#citySelect').append(addOption)

}

</script>

1、页面初始化，定义数组：var arr = []

2、点击"选中"，获取字符串str

3、先判断str是否已包含在arr，如果不存在继续你的 *** 作，且把str放进arr里面，如果已存在，则中断你的添加事件

注：在某些条件，需要对arr清空，比如在清空你那些li标签的时候，应该需要清空arr

还有一种方式，就是每次点击"选中"，先获取所有li标签的内容，然后放进一个数组。然后判断添加的字符串是否在生成的数组里面，不存在的话就继续添加，存在的话，就中断，这种方式不需要去关心初始化的arr是否清空的问题

---