jsp動態拼裝select標簽的option選項 -开发者知识库

jsp動態拼裝select標簽的option選項 -开发者知识库,第1张

 頁面的option的選項值是在數據庫中進行維護的,所以前端頁面展示需要從后台取到數據去動態拼裝。

頁面的select標簽:
<div class="col-sm-6">
<div class="form-group">
<span>標簽 </span>
<select name="languagetype" class="form-control" id="langList"
style="width: 196px;" >
</select>
</div>
</div>
js方法從后台查詢拼接的數據加到頁面:
<script type="text/javascript">
$(document).ready(
function(){
$("#langList").empty(); //清空下拉列表
$.ajax({
url:"${basePath}monitor/getLangList",
type:"Post",
error:function(){
},
success:function(data){
var langList = data.list;
if(langList!=null && langList.length != 0){
var option = "<option value='99'>所有</option>";
for(var i=0; i<langList.length; i ){
option=option "<option value='" i "'>" langList[i] "</option>";
}
$("#langList").append(option);
}
},
//根據選擇設置選中狀態
complete: function() {
var opts = document.getElementById("langList");
var lang = "${catObject.languagetype}";
if(lang!=null && lang!=""){
for(var i=0;i<opts.options.length;i ){
if(lang==opts.options[i].text){
opts.options[i].selected = "selected";
break;
}
}
}
}

});
});
</script>




最佳答案:

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复