网站地图    收藏   

主页 > 前端 > css教程 >

select菜单实现二级联动 - html/css语言栏目:html.

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] span style=white-space:pre spantr th执行人b* b th td select name=jdcld ZX...

<span style="white-space:pre">	</span><tr>
                <th>执行人<b>*</b></th>
                <td>
                    <select name="jdcld.ZXDW" id="zxrDw" onchange="zxDwChange()" class="select" style="width:230px">
                        <option value="">选择部门</option>
                    <#if zxrBm??&&zxrBm?size!=0>
                        <#list zxrBm as bm>
                            <option value="${bm['id']}">${bm['mc']}</option>
                        </#list>
                    </#if>
                    </select>
                    <select name="jdcld.ZXRID" id="zxrId" class="select" style="width:230px">
                        <option value="">选择民警</option>
                    </select>
                    <input type="hidden" name="jdcld.ZXRXM"/>
                </td>
<span style="white-space:pre">	</span></tr>


 

function zxDwChange() {
        var bmid = $("#zxrDw").val();
        alert(bmid);
        $("#zxrId").empty();
        var text = "<option value=''>选择民警</option>";
        $.post("${base}/zfjd/zxrList", {"bmid":bmid}, function(data) {
            if (data != "") {
                var dataArr = eval('(' + data + ')');
                for (var i in dataArr) {
                    text += "<option value='" + dataArr[i].value + "'>" + dataArr[i].title + "</option>";
                }
                if (text == "<option value=''>选择民警</option>") {
                    $("#zxrId").append("<option value=''>选择民警</option>");
                } else
                    $("#zxrId").append(text);
            } else {
                $("#zxrId").append("<option value=''>选择民警</option>");
            }
        });
    }


 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论