演示

image

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();

原文链接:https://miansen.wang/2018/11/03/1/