jquery动态添加下拉栏，怎么去避免重复添加13

发布网友发布时间：2023-09-17 15:57

共5个回答

热心网友时间：2024-12-05 02:04

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=0;i<optionArr.length;i++){
           if(optionArr[i].text == text || optionArr[i].value == value){
               return false;
           }
       }
       var addOption = "<option value='" + value + "'>" + text + "</option>";
       $('#citySelect').append(addOption);
   }
</script>

热心网友时间：2024-12-05 02:04

1、如果后台是java，建议后台装置好数据返回给页面。你可以用set或者map来组装数据，去除重复。

2、如果一定要jquery来去重复。你可以通过递归和嵌套for循环的方式来去除相同元素。

热心网友时间：2024-12-05 02:05

<select id='citySelect'>
<option value=''>北京</option></select>方法：
<script>
//下拉框
$.get('/Huitubeccount/Expenses/SelectBrokerage', function (data) {//控制器路径
$("#HandleID").empty();//加上这个去重复
console.log(data);//输出
$.each(data, function (a) {//遍历
var str = ' <option value="' + data[a].HandleID + '">' + data[a].HandleName + '</option>'
$("#HandleID").append(str);
})
})
</script>

控制器
public ActionResult SelectAccountsurface()
{
var listAccountsurface = (from tbAccountsurface in mysql.FQ_Accountsurface
select new
{
tbAccountsurface.BalanceID,
tbAccountsurface.BserName,
}).ToList();
return Json(listAccountsurface, JsonRequestBehavior.AllowGet);
}

热心网友时间：2024-12-05 02:05

这样，在for之前加
$("#cqNAME").find("option").each(function(){
$(this).remove();
});
或者
$("#cqNAME").find("option").remove();追问搞定了，太感谢了

热心网友时间：2024-12-05 02:06

判断一下
望采纳