bootstrap下利用ajax实现下拉框选择

最新推荐文章于 2024-10-09 09:00:00 发布

信天鸽

最新推荐文章于 2024-10-09 09:00:00 发布

阅读量2.2k

点赞数

分类专栏： java JavaScript(js)

本文链接：https://blog.csdn.net/chaoleshan/article/details/79385603

版权

本文介绍如何在Bootstrap环境下，结合Ajax技术，实现在网页中动态更新下拉框选项的功能。从jsp页面、JavaScript脚本到后端Java处理，详细阐述了各个部分的实现细节，旨在提升用户体验。

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

jsp部分：

<label class="control-label col-sm-1" for="letterCd">信函模板代码</label>
						<div class='controls col-sm-2'>
							<select class="form-control " id="letterCd"
								 name="letterCd"></select>
						</div>
				</div>

js部分：

$(document).ready(function() {
	initDatatableList();
	getSmsModelName();
});

//加载信函模板代码【因为其他页面也用了这个JS，所以需要点击时加载】
function getSmsModelName() {
	
	var html;
	$.ajax({     
		url : ctx + "/pls/letterWork/getLetterTemplateCode.in",
		type : 'post',
		dataType : 'json',
		success : function(data) {
			html += "<option value = ''> - - 请选择 - - </option>";
			for (var i = 0; i < data.length; i++) {
				html +