select框多级联动(以省市区三级联动为例)公共方法

     前面写了两篇关于select框的文章,想到select框多级联动的情况。多级联动的select框从数据库中获取选项,也是很好实现的,我看到其他文章都写得过于复杂,所以这里写了一个公共方法,配合jQuery一起使用,供大家参考。

$.fn.linkselect = function(options) {
	var select = this;//获取当前select对象
	var url = options.url;//获取数据的链接
	var value = options.value;//初始化需要选中的数据
	var now = options.now;//当前select的级别
	var param = options.param;//传向后台的参数
	var level = options.level;//一共有多少级select
	var preid = options.preid;//当前select的id的前缀
	$.get(url[now],{param:param},function(result){
		select.find("option").remove();
		select.append("<option value=''>请选择</option>");
		for(key in result){
			if(key == value[now]){
				select.append("<option value='"+key+"' selected>"+result[key]+"</option>");
			}else{
				select.append("<option value='"+ke
  • 6
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值