动态生成select下拉框js方法

gzl_easin

于 2019-02-16 08:57:47 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42402804/article/details/87427591

本文介绍了一个使用jQuery实现的三级联动下拉框功能。通过POST请求获取数据，动态生成选项，适用于地区选择等场景。文章详细展示了如何利用JavaScript和HTML来构建交互式的下拉菜单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function getType(url,pid,id){
		var html="<option value=''></option>"
		$.post(url,{pid:pid},function(result){
			if(result.length>0){
				for(var j = 0,len = result.length; j < len; j++){
				    html=html+"<option value='"+result[j].id+"'>"+result[j].region_name+"</option>";
				}				
				 $("#"+id).append(html);
				 form.render();
			}
		})
	}

url：请求地址

pid：三级联动的父id

id：select的id