【Layui】动态添加下拉菜单

最新推荐文章于 2025-09-11 02:22:29 发布

原创最新推荐文章于 2025-09-11 02:22:29 发布 · 1w 阅读

8 ·

CC 4.0 BY-SA版权

【前端】同时被 2 个专栏收录

5 篇文章

订阅专栏

前端基础

4 篇文章

订阅专栏

本文介绍如何利用Ajax技术动态地从服务器获取部门列表数据，并将其填充到HTML的下拉选择框中。通过JavaScript结合jQuery库实现数据的异步请求及页面元素的更新渲染。

//html
<select id="selectID"></select>

//js
$.ajax({
    url:'/dept/list.json',
    dataType:'json',
    type:'post',
    success:function(data){
    	
    	$.each(data,function(index,item){
    		$('#selectID').append(new Option(item.name,item.id));//往下拉菜单里添加元素
    	})

		form.render();//菜单渲染 把内容加载进去
	}
})