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

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

两个下拉框

 

<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>

 

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