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

最新推荐文章于 2022-08-17 10:10:48 发布

CapitalZ

最新推荐文章于 2022-08-17 10:10:48 发布

阅读量1.1k

点赞数 3

分类专栏：学习笔记前端文章标签： jquery list map

本文链接：https://blog.csdn.net/zhang_jian__/article/details/123252600

版权

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

3 篇文章 0 订阅

订阅专栏

前端

1 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

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));
    })