bootstrap-select 外掛ajax動態新增選項
阿新 • • 發佈：2019-01-11
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');//重新整理
}
}
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');//重新整理
}
}