直播系统代码，选择分类时，显示更多下拉框效果的内容

直播系统代码，选择分类时，显示更多下拉框效果的内容实现的相关代码

两个下拉框

 

1

<br><tr><br>            <td>所在部门：</td><br>            <td><br>                <select id="deptlist" name="deptno" onchange="change(this)"><br>                    <option value="">请选择</option><br>                    <c:forEach items="${dlist}" var="item"><br>                        <option value="${item.deptno}">${item.dname}</option><br>                    </c:forEach><br>                </select><br>            </td><br>            <td></td><br>        </tr><br>        <tr><br>            <td>上级领导：</td><br>            <td><br>                <select name="mgr" id="emplist"><br>                    <c:forEach items="${edlist}" var="item"><br>                        <option value="${item.empno}">${item.ename}</option><br>                    </c:forEach><br>                </select><br>            </td><br>            <td></td><br>        </tr>

​

js 代码实现

 

1

<br>function change(obj){<br>        //console.log(obj.value);<br>        var mydeptno = obj.value;<br>        $.ajax({<br>           url:"${pageContext.request.contextPath}/selectbydeptno.do",<br>            data:{deptno:mydeptno},<br>            success:function(result){<br>                $("#emplist").empty();<br>                //console.log(result);<br>                $.each((JSON.parse(result)), function (index, item) {<br>                    var id = JSON.parse(result)[index].empno;<br>                    var text = JSON.parse(result)[index].ename;<br>                    $("#emplist").append("<option value='"+id+"'>"+text+"</option>");<br>                });<br>            }});<br>    };

 

要记得导入

1	<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>

 

以上就是 直播系统代码，选择分类时，显示更多下拉框效果的内容实现的相关代码，更多内容欢迎关注之后的文章