当前位置: 移动技术网 > IT编程>开发语言>.net > 一个二级联动

一个二级联动

2018年12月27日  | 移动技术网IT编程  | 我要评论

微山房产网,stc2052,聊斋艳谭之艳魔大战

<div class="layui-form-item">
        <label class="layui-form-label">所属级别:</label>
        <div class="layui-input-inline">
            <input type="hidden" id="nitemtype" name="nitemtype" value="" />
            @*@html.dropdownlistfor(m => m.meid, menuhelper.getme(), new { @jqverify = "required", @jqerror = "请选择级别" })**@
//循环插入 <select name="itemselect" id="itemselect" lay-filter="itemselect" @(type != 0 ? "disabled" : "")> <option value="0">选择级别</option> @{ //foreach (doingstudy.entity.news_menu imodel in new doingstudy.repository.news_menu().iqueryable("menuid", 0))
foreach (doingstudy.entity.news_menu imodel in new doingstudy.repository.news_menu().iqueryable("pid", 0)) { string skey = string.empty; if (nmenuid == imodel.menuid) { skey = " selected=\"selected\" "; } <option @skey value="@imodel.menuid">@imodel.menuname</option> } } </select> </div> <div class="layui-input-inline"> <select name="professionid" id="professionid"> @{ <option value="0">全部 </option> if (nmenuid != 0) { list<doingstudy.entity.news_menu> nmodel = new doingstudy.repository.news_menu().findlist("pid", nmenuid); for (var i = 0; i < nmodel.count; i++) { string skey2 = string.empty; if (existid == nmodel[i].menuid) { skey2 = " selected=\"selected\" "; } <option @skey2 value="@nmodel[i].menuid">@nmodel[i].menuname</option> } } } </select> </div>
<script>  
    layui.use('myform');   
    layui.use("form", function () {
        var form = layui.form();
        form.on('select(itemselect)', function (data) {
            fillcity(data.value);
          
            document.getelementbyid('nitemtype').value = $("#itemselect").val();
        });

        //资讯类型
        form.on('radio(newstype)', function (data) {
          
            if (data.value == 3) {
                $("#divvideo").show();
            } else {
                if (data.value == 0) {
                    $("#divphoto").hide();
                }
                else {
                    $("#divphoto").show();
                }
                $("#divvideo").hide();
            }
        });
    });
    function fillcity(provinceid) {
        $.ajax({
            url: "/newsmanage/news/getmodulechildlist?pid=" + provinceid,
            type: "get",
            datatype: "json",

            success: function (cities) {
                $("#professionid").html("");
               
                $.each(cities, function (i, city) {
                    $("#professionid").append(("<option value='" + city.value + "'>" + city.text + "</option>"));
                });
                layui.use("form", function () {
                    var form = layui.form();
                    form.render();
                });
            }
        });
    }
   

</script>
[httpget]
        public string getmodulechildlist(int pid)
        {
            return system.web.mvc.menuhelper.getmodule(pid).tojson();
        }//get请求

[httpget]
public actionresult jsonlist()
{
int itemselect = converthelper.saferequest("itemselect",0);//一级
int professionid = converthelper.saferequest("professionid", 0);//二级
int smenuid = 0;
if (professionid != 0)
{
smenuid = professionid;
}
else {
smenuid = itemselect;
}
string stitle = converthelper.safestring(request["txttitle"], "");
pagemodel page = pagemodelinstance.getinstance();
page.pagesize = pagesize;
page.pageindex = nowpage;
datatable dtlist = new doingstudy.repository.news_news().getlist(stitle, snewstype, smenuid, 0, isaudit, ishead, pagesize, nowpage, out rowscount);
[httppost]
public actionresult edit(doingstudy.entity.news_news model)
{
doingstudy.repository.news_news adminrep = new doingstudy.repository.news_news();
int itemselect = converthelper.saferequest("itemselect", 0);//一级
int professionid = converthelper.saferequest("professionid", 0);//二级
if (professionid != 0)
{
model.menuid = professionid;
}



 效果图如图所示;

 

 

  

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网