web前端|js教程
异步加载,下拉框,级联
web前端-js教程
asp手机网站源码,vscode查找路径的办法,ubuntu 安装总结,tomcat免安装教程,Python 电影 爬虫,xcode写php,阳泉seo优化值多少钱,织梦做企业网站lzw
/*
JQuery异步加载无限极下拉框级联功能
zjy
*/
(function ($) {
$.ajaxSetup({ async: false });
var url = "";
var parameter = "";
$.fn.extend({
Load: function (urlPath) {
url = urlPath.url;
parameter = urlPath.parameter;
$("#ddl1").append("请选择");
$.getJSON(url, parameter, function (data) {
$.each(data.rows, function (i, row) {
$("#ddl1").append($("").val(row.id).html(row.text));
});
$("#ddl1").change(function () { $(this).Select($(this).val(), this); });
});
$(this).Selected(parameter.parentId, $("#ddl1"));
},
Select: function (parentId, obj) {
//debugger;
if (parentId == "0") {
return;
}
parameter.parentId = parentId;
$.getJSON(url, parameter, function (data) {
$(obj).nextAll(".ddl").remove();
if (data != null) {
$("", {
"class": "ddl",
change: function () {
$(this).Select($(this).val(), this);
}
}).appendTo($("#cascade"));
$($(".ddl")[$(".ddl").length - 1]).append("请选择");
$.each(data.rows, function (i, row) {
$($(".ddl")[$(".ddl").length - 1]).append($("").val(row.id).html(row.text));
});
}
});
$(this).Selected(parentId, $(obj).nextAll(".ddl"));
},
Selected: function (parentId, obj) {
$(this).GetValue();
//debugger;
var selected = "0," + $("#loadselect").val();
$.each(selected.split(","), function (i, row) {
if (row == parentId) {
//debugger;
$(obj).val(selected.split(",")[i + 1]);
$(obj).change();
}
});
},
GetValue: function () {
var ddlValue;
var ddlCount = $(".ddl").length;
for (var i = ddlCount - 1; i >= 0; i--) {
if (i != 0) {
if ($($(".ddl")[i]).val() != 0) {
ddlValue = $($(".ddl")[i]).val();
break;
}
} else {
if ($($(".ddl")[i]).val() == 0) {
ddlValue = 0;
break;
} else {
ddlValue = $($(".ddl")[i]).val();
break;
}
}
}
$("#selectvalue").val(ddlValue);
},
});
})(jQuery);
调用方法
$(function () {
$("#cascade").Load({ url: @Url.Action("GetCountryArea"), parameter: { "parentId": 0, "random": Math.random() } });
});
可可验证源码,vscode 插件 介绍,ubuntu能装雷电驱动,idea杀掉tomcat,sqlite如何创建索引,jquery 滑动图片轮播插件,怎么使用hui前端框架,爬虫粪便带红,root php,日照seo服务公司,企业人才招聘网站源码,php 下载网页,免费php网页模板网站,页面广告 代码,c语言编写的学生成绩管理系统,简历网站程序源码lzw
易语言扣扣人气源码,ubuntu创建主分区,tomcat写在哪个文件,小爬虫steam,php取数组的交集,微信seo操作教程seo顾问lzw
