两级或三级联动效应

两级或三级联动效应
在城市和城市地区的联动效果下降是在Web中的广泛应用,特别是在一些会员信息系统和电子商务网站。开发商普遍使用Ajax来实现无刷新联动下拉下来。这篇文章将告诉,使用jQuery插件,通过读取JSON数据,实现两(三)非级联动效应动态刷新下拉省市。

HTML
首先,jQuery库和cityselect插件加载的头。


下一步,我们将选择在三#市和三选择设置类的属性分别为:省、市、区,分别代表省,三下拉框市、区(县)。注意,如果你只想实现两级联动的省份和城市之间,然后将第三区选择。


jQuery
调用cityselect插件非常简单,直接调用:
$(#城)的CitySelect();
自定义参数调用,设置默认的省级城市。
$(#市)。CitySelect({
网址:JS或城市版。
省:湖南
城市:长沙/城市
岳麓区县
空:没有 / /当没有数据集,隐藏的选择
});
当然,您还可以扩展和自定义下拉列表选项数据,您可以按需要设置内容,并注意数据格式必须是JSON格式。
$(#市)。CitySelect({
网址:{citylist :{
{p:前端技术
{n:Javascript} } },
{p编程语言
{p
} },
省:
城市:
距离:
空:没有
});
您还可以使用PHP和其他后台语言将数据库中的数据转换成JSON格式,然后使用url参数指向后台地址,也可以实现无刷新链接的效果。
$(#市)。CitySelect({
URL
});
以上是本文的全部内容,希望大家能喜欢。

tag:效应三级联动两级电脑软件

相关内容