当前位置:首页>开发>正文

jquery动态添加下拉栏,怎么去避免重复添加 jquery multiselect下拉列表复选框动态怎么动态添加option并赋值

2023-06-21 03:37:09 互联网 未知 开发

 jquery动态添加下拉栏,怎么去避免重复添加 jquery multiselect下拉列表复选框动态怎么动态添加option并赋值

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

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

2、获取当前下拉框中所有的option元素数组optionArr,可以通过$(#citySelect option)获取元素集合。
3、遍历optionArr,判断需要添加的text或者value是否和optionArr相同,相同则不添加,没有重复则添加。
示例:
北京 上海 方法: function addCity(value, text){ var optionArr = $(#citySelect option) for(var i=0i if(optionArr[i].text == text || optionArr[i].value == value){ return false } } var addOption = "" text "" $(#citySelect).append(addOption) }

jquery multiselect下拉列表复选框动态怎么动态添加option并赋值

你可以在select控件的子节点上面绑定一个click的事件,
var optStr =“”
//比如子节点是一个div
$("#select").find("div").click(function(){
        //每次单击都获取选定值的数组 并拼接成逗号分割的字符串
        // 这样就不用每次都判断 选中或者取消的值是否在原字符串当中
        optStr = $.map($("#select").find("checkbox:checked").val(), function) {             return $(this).val()         }).get().join(",")
})
只是对你提的问题给一个大概的思路,希望对你有帮助,不懂的地方可以追问。望采纳...

代码说明jquery怎么根据名族json格式动态生成下拉框

方法
动态创建表格