您的位置：首页 > Web前端 > JavaScript

jsp动态拼装select标签的option选项

2017-06-30 18:10 495 查看

页面的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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jsp java

相关文章推荐

新的分享

章节导航