BootStrap 下拉框的显示

最新推荐文章于 2022-08-05 16:12:07 发布

原创最新推荐文章于 2022-08-05 16:12:07 发布 · 380 阅读

0 ·

CC 4.0 BY-SA版权

bootstrap 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用AJAX动态加载下拉菜单选项的示例，通过GET请求从服务器获取数据，并将返回的JSON数据填充到下拉菜单中。同时，下拉菜单的选择事件被监听，以便在选择不同选项时更新相关的输入字段。

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

//下面的方法需要后台返回一个Map数组

function showLevelSelect() {
	$.ajax({ 
		url : $("#contextPath").val() + "/sy/dictAction_list.action",
		type : "get",
		dataType : "json",
		success : function(result) {
			var h = "<option value=''>全部</option>";
			$.each(result, function(key, value) {
				h += "<option value='" + key + "'>" + value + "</option>";
			});
			$("#level").append(h);
			$("#level").on("change", function(a, b, c) {
				$("#contentID").val($("#level option:selected").val());

				$("#contentName").val($("#level option:selected").text());

			})
		}
	});
}