jquery动态获取下拉框select的数据

最新推荐文章于 2022-07-21 16:37:38 发布

原创最新推荐文章于 2022-07-21 16:37:38 发布 · 3.4k 阅读

1 ·

CC 4.0 BY-SA版权

前端开发经验之谈同时被 2 个专栏收录

12 篇文章

订阅专栏

Javascript

11 篇文章

订阅专栏

本文介绍了一种使用Ajax技术动态从服务器获取数据并填充到HTML选择框的方法。通过JavaScript实现了页面加载时自动请求数据，并将返回的数据填充到指定的选择框中。

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

<select name="province class_ms" id="channel" class="classify">
	<option value="请选择">请选择</option>
</select>

    $("#province").empty();
	//获取数据
	$.ajax({
		type:"GET",
		url:"xxxxxxxxxxx",
		dataType: "json",
		success:function(res){
//			console.log(res);
			var data = res.data.table_list;
			for(var key in data){
				$("#channel").append("<option value='" + key + "'>" + data[key].name + "</option>");
			}
		}
	});