jquery实现的多选框多级联动插件
来源:易贤网 阅读:3331 次 日期:2014-09-15 15:08:25
温馨提示:易贤网小编为您整理了“jquery实现的多选框多级联动插件”,方便广大网友查阅!

jquery 实现地多选框联动插件

代码如下:

// 使用:$(_event_src_).autoselect(_reload_, reload_url);

// 前台用get方法传输<select>标签地属性name和选中<option>地属性value

// 后台用json格式传输数据

// 格式: { value:<option>地属性value, text:<option>地显示文本 }

(function($) {

$.fn.extend({

autoselect: function(dest, url) {

return this.each(function() {

$.selectchange($(this), $(dest), url);

});

},

});

// 重置复选框

$.selectreset = function(target) {

if (target != null) {

$.selectreset(target.data(nextselect));

target.empty();

target.append(target.data(defaultopt));

}

};

// 加载复选框

$.selectload = function(target, data) {

$.each(data, function(index, content) {

var option = $(<option></option>)

.attr(value, content.value).text(content.text);

target.append(option);

});

};

// 绑定 change 事件

$.selectchange = function(target, dest, url) {

// 绑定联动链

target.data(nextselect, dest);

// 记录默认选项(first option)

if (target.data(defaultopt) == null)

target.data(defaultopt, target.children().first());

dest.data(defaultopt, dest.children().first());

$(document).ready(function() {

target.change(function(event) {

var _target = event.target || window.event.srcelement;

if (_target.value != target.data(defaultopt).attr(value)) {

$.getjson(url, {

name: _target.name,

value: _target.value

}, function(data, status) {

if (status == success) {

$.selectreset(target.data(nextselect));

$.selectload(target.data(nextselect), data);

}

}); // 后台以 json 格式传输数据

} else {

$.selectreset(target.data(nextselect));

}

});

});

};

})(jquery);

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
易贤网手机网站地址:jquery实现的多选框多级联动插件
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65099533/13759567129 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标