JQuery遍历map和list 动态赋值下拉框

原创于 2022-03-03 14:09:10 发布 · 1.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #list #map

学习笔记同时被 2 个专栏收录

3 篇文章

订阅专栏

前端

1 篇文章

订阅专栏

这篇博客介绍了如何利用jQuery动态地为下拉选择框填充数据，分别展示了针对list和map两种数据结构的实现方式。通过循环遍历dataList和mapList，将item或key-value对添加为option元素，从而实现下拉框的动态赋值功能。

jQuery动态赋值下拉框-循环遍历list


	var dataList = result.dataList;
	var select = $.(document.getElementById("selectId"));
	$.each(dataList function(i,item){
		$(select).append(('<option  />').text(item).attr("value", item));
	})

jQuery动态赋值下拉框-循环遍历Map

   var mapList = result.mapList;
    var select = $.(document.getElementById("selectId"));
    mapList.map(function(item,index){
        $(select).append(('<option  />').text(item.key).attr("value", item.value));
    })