直播系統程式碼，選擇分類時，顯示更多下拉框效果的內容

直播系統程式碼，選擇分類時，顯示更多下拉框效果的內容實現的相關程式碼

兩個下拉框

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

以上就是 直播系統程式碼，選擇分類時，顯示更多下拉框效果的內容實現的相關程式碼，更多內容歡迎關注之後的文章