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>

你可以给每条记录加一个唯一标识，然后在append之前通过唯一表示校验，比如：

<li data-id="1"></li>

<li data-id="2"></li> var id = 3, html

if ($('[data-id="' + id + '"]').length === 0) {

  html = '<li data-id="' + id + '"></li>'

  $('ul').append(html)

}

$(function () { $(':button').click(function () {var text = $(':text').val() var has = false $('.content li a').each(function () { if(this.innerHTML == text) {has = true }}) if (!has) { $('.content').append('<li><a href="#">' + text + '</a></li>') } })})可以用在贴出来的html上

请采纳答案，支持我一下。

---