首页 > 代码库 > 不限级别联动
不限级别联动
不限级别的联动,下边来看看代码的实现,先看看效果吧
只要点击下拉框的值,如果查询出下级还有内容则还会追加一个下拉框,这是一个简单的功能,看看代码吧
html
1 <div class="col-md-4">2 @Html.DropDownList("infoSectionId", ViewData["InfoSectionFather"] as SelectList,"---请选择")3 <span id="spanChild"></span>4 </div>
js代码
$(document).ready(function() {//当点击第一个下拉框时 $("#infoSectionId").change(function () {
var selsecid = $(this).find("option:selected").val(); GetChildRen(selsecid, "spanChild"); $("#ChangeInfoSectionHidden").val(selsecid); }); $("#spanChild").on("change", ".childselectshowlist", function (event) { var selsecid = $(this).find("option:selected").val(); var selectText = $(this).find("option:selected").html(); getChildRecTwo(selsecid, "spanChild", $("#spanChild select").index(this)); $("#ChangeInfoSectionHidden").val(selsecid);//得到点击后的值 }); });
/// <summary>得到子级</summary> function GetChildRen(secid, domMainContain) { var selectpar = $("#" + domMainContain); selectpar.html(""); if (secid == null || secid == -1) { return; } selectpar.append("<img src=http://www.mamicode.com/‘/Content/Images/loading4.gif‘ id=‘childclassloadimgimg‘ />"); $.post("/InfoSection/GetChild?q=" + new Date().getTime(), { ‘id‘: secid }, function(data) { // alert(eval(data)); $("#childclassloadimgimg").remove(); if (eval(data).length > 0) { var timeid = "classshowlist" + new Date().getTime(); selectpar.append(‘<select id="‘ + timeid + ‘" class="childselectshowlist" style="margin:0px 0px 0px 10px;"></select>‘); selectpar.find("#" + timeid).append("<option value=http://www.mamicode.com/‘-1‘ >请选择"); $.each(eval(data), function(i, val) { selectpar.find("#" + timeid).append("<option value=http://www.mamicode.com/‘" + val.id + "‘>" + val.name + "</option>"); }); } }, ‘json‘); };
Controller控制器代码
[AuthorizationCodeAttribute] [Description("查询分类目录")] [HttpPost] public ActionResult GetChild() { string strId = Request.Params["id"]; List<Hashtable> hashSectionList = new List<Hashtable>(); int id = 0; int.TryParse(strId, out id); if (id > 0) { InfoSectionOperator dal = new InfoSectionOperator(); IList<InfoSection> ilList = dal.GetList(string.Format("ParentId={0}", id)); if (ilList.Count > 0) { hashSectionList.AddRange(ilList.Select(FormtSimpData)); } } return Json(hashSectionList, JsonRequestBehavior.AllowGet); }
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。