bootstrap-select 插件ajax动态添加选项

本文介绍了一个用于从服务器获取特定年级和学期考试信息的JavaScript函数。该函数首先检查是否选择了年级和学期,然后通过XMLHttpRequest发送GET请求到指定的Servlet,并解析返回的JSON数据以动态填充下拉选项。

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

function getExam() {
var selectNianji = document.getElementById("nianji").value;
var selectXueqi = document.getElementById("xueqi").value;
if(selectNianji == "选择年级" || selectNianji == null) {
alert("请选择年级");
}
if(selectXueqi == "选择学期" || selectXueqi == null) {
alert("请选择学期");
}
var xmlHttp = null;
try {
xmlHttp = new XMLHttpRequest();
} catch(e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
alert("您的浏览器不支持该操作,推荐您使用最新的谷歌浏览器!");
return;
}
}
var url = "http://<%=request.getServerName()%>:<%=request.getLocalPort()%><%=this.getServletContext().getContextPath()%>/SelectServlet?type=selectKaoShiXinXi&schoolid=11e7-34a4-0c05154b-9ba7-1906c1801458&nianji="+selectNianji+"&xueqi="+selectXueqi;
xmlHttp.open("GET", url, false);
xmlHttp.send(null);
var str = xmlHttp.responseText;
var obj = eval('(' + str + ')');

var optionString = "<option >选择考试</option>";  //定义html内容
$("#exam").find('option').remove();
for(var i = 0; i < obj.length; i++){
var ob = obj[i];
var bname = ob.name;
var bdate = ob.date;
                          optionString += "<option value=\'"+ bdate +"\' name=\'"+ bname +"\'>" + bname + "</option>";                               //动态添加
}
                if (selectExam.options.length == 0){
                    $("#exam").html(optionString);//添加
                    $("#exam").selectpicker('refresh');//刷新
                }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值