直播系统代码,选择分类时,显示更多下拉框效果的内容
直播系统代码,选择分类时,显示更多下拉框效果的内容实现的相关代码
两个下拉框
<tr>
<td>所在部门:</td>
<td>
<select id="deptlist" name="deptno" onchange="change(this)">
<option value="">请选择</option>
<c:forEach items="${dlist}" var="item">
<option value="${item.deptno}">${item.dname}</option>
</c:forEach>
</select>
</td>
<td></td>
</tr>
<tr>
<td>上级领导:</td>
<td>
<select name="mgr" id="emplist">
<c:forEach items="${edlist}" var="item">
<option value="${item.empno}">${item.ename}</option>
</c:forEach>
</select>
</td>
<td></td>
</tr>
js 代码实现
function change(obj){
//console.log(obj.value);
var mydeptno = obj.value;
$.ajax({
url:"${pageContext.request.contextPath}/selectbydeptno.do",
data:{deptno:mydeptno},
success:function(result){
$("#emplist").empty();
//console.log(result);
$.each((JSON.parse(result)), function (index, item) {
var id = JSON.parse(result)[index].empno;
var text = JSON.parse(result)[index].ename;
$("#emplist").append("<option value='"+id+"'>"+text+"</option>");
});
}});
};
要记得导入
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
以上就是 直播系统代码,选择分类时,显示更多下拉框效果的内容实现的相关代码,更多内容欢迎关注之后的文章