演示
JSP代码
通过给select
绑定onchange
事件实现功能
<div class="form-group">
<label for="tab">板块</label>
<select id="tab" class="form-control" name="tab" onchange="getNode()">
<c:forEach var="item" items="${tabList}" varStatus="status">
<option value="${item.tabName}">${item.tabDesc}</option>
</c:forEach>
</select>
</div>
<div class="form-group">
<label for="node">节点</label>
<select id="node" class="form-control" name="node"></select>
</div>
js代码
function getNode(){
var tabName = $("#tab").val();
var url = "/node/"+tabName;
$.ajax({
url:url,
type:"get",
dataType:"json",
success : function(data){
$("#node").html('');
for(var i = 0;i < data.data.length;i++){
$("#node").append('<option value="'+data.data[i].nodeCode+'">'+data.data[i].nodeTitle+'</option>');
}
},
error : function(data){
}
});
};
//打开页面默认触发事件
window.onLoad = getNode();