• 重庆建川博物馆正式开馆 唐良智调研部分场馆 2019-10-07
  • 斯柯达Kodiaq RS谍照 10月巴黎车展亮相 2019-10-05
  • 鄠邑区主城区因降雨集中积水严重 部分路段临时交通管制 2019-09-29
  • 多证合一 全国核发新版营业执照900余万张 2019-09-29
  • 粽情粽意 传承文明———我们的节日2018端午节 2019-09-28
  • 特朗普威胁中国,如果中国报复性征收美国高关税,美国将征收中国额外关税,特朗普真流氓。难道中国是吓大的? 2019-09-28
  • 父债子偿家不和 法官亲情促调解 2019-09-28
  • 小偷入室盗窃被抓后反教训失主晚上别开着门睡觉 2019-09-24
  • 世界各国因为势不如人,所以才会对美国的进逼忍气吞声。美国现在说话意味已不在有什么掩盖,明显的霸权主义威胁意味甚浓!特朗普的冒险性格,让世界处于危险之中!... 2019-09-09
  • 全国百家网络媒体全媒体记者彭水采风活动 2019-09-09
  • 用个例来抹黑个国家,有你这么无耻的吗?西方银行倒闭案少了吗? 2019-09-06
  • 中美智库联合报告:停止贸易战符合中美双方利益 2019-09-06
  • “拖稿”也自信 美女作家落落来渝聊新书 2019-09-03
  • 中央网信办负责人进网站宣讲党的十九大精神 2019-09-03
  • 农民回答风水神,“勤劳的农民玩什么没有富起来”。(原创首发) 2019-09-02
  • Jquery中文网 南粤风采36选7开奖公告 www.77402m.com
    Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery 下拉列表 二级联动插件分享

    今天广东福彩36选7开奖:jQuery 下拉列表 二级联动插件分享

    发布时间:2013-05-29   编辑:南粤风采36选7开奖公告 www.77402m.com
    jQuery二级联动插件:jQuery.selected 一个页面可以引用多个联动效果
    jquery二级联动插件:jQuery.selected 一个页面可以引用多个联动效果 jQuery二级联动插件:jQuery.selected
    一个页面可以引用多个联动效果,使用方法:
    配置js:
    复制代码 代码如下:

    var defaults = {
    NextSelId: '#Select2',
    SelTextId: '#Text1',
    Separator: '--',
    SelStrSet: [
    { name: '请选择', subname: '请选择'},
    { name: '★高起本★', subname: '计算机科学与技术|汉语言文学' },
    { name: '★高起专★', subname: '语文教育|文秘|学前教育|旅游管理|法律事务|经济管理|会计电算化|电子商务|计算机信息管理|软件工程|机电一体化|精细化学品生产技术|机械制造设计及自动化|播音与主持|艺术设计|书法方向艺术设计' },
    { name: '★专升本★', subname: '思想政治教育|汉语言文学|英语|数学与应用数学|电子信息工程|计算机科学与技术|会计学|公共事业管理|旅游管理|体育教育|音乐学|艺术设计|书法方向艺术设计'}]
    }
    var defaults2 = {
    NextSelId: '#Select4',
    SelTextId: '#Text2',
    Separator: '★',
    SelStrSet: [
    { name: '请选择', subname: '请选择'},
    { name: '北京', subname: '北京1|北京2' },
    { name: '上海', subname: '上海1|上海2|上海3|上海4' },
    { name: '天津', subname: '天津'}]
    }

    配置说明:
      NextSelId:需要联动加载的下拉列表 ID
      SelTextId:显示选择选项的文本框 ID
      Separator:一级菜单、二级菜单分割字符串
      SelStrSet:配置下拉选项
        [{ name: '请选择', subname: '请选择'}]
          name:一级下拉选项;subname:二级下拉选项,多个用“|”分开;

    html页面:
    复制代码 代码如下:

    <body>
    <script type="text/javascript">
    $(function () {
    $('#Select1').selected(defaults);
    $('#Select3').selected(defaults2);

    });
    </script>
    <select id="Select1">
    </select>
    <select id="Select2">
    </select>
    <input id="Text1" type="text" />
    <br />
    <select id="Select3">
    </select>
    <select id="Select4">
    </select>
    <input id="Text2" type="text" />
    </body>

    有好的建议请留言评论!

    完整JS下载地址

    南粤风采36选7开奖公告 www.77402m.com 您可能感兴趣的文章:
    jQuery 下拉列表 二级联动插件分享
    基于MVC3方式实现下拉列表联动(JQuery)
    jquery怎样实现ajax联动框(一)
    基于jquery的无限级联下拉框js插件
    基于jquery扩展漂亮的下拉框可以二次修改
    jquery插件 autoComboBox 下拉框
    jQuery联动下拉框 jQuery optionTree
    基于jquery的二级联动菜单实现代码
    jQuery水平下拉菜单 jMenu
    jquery 实现二级/三级/多级联动菜单的思路及代码

    [关闭]
  • 重庆建川博物馆正式开馆 唐良智调研部分场馆 2019-10-07
  • 斯柯达Kodiaq RS谍照 10月巴黎车展亮相 2019-10-05
  • 鄠邑区主城区因降雨集中积水严重 部分路段临时交通管制 2019-09-29
  • 多证合一 全国核发新版营业执照900余万张 2019-09-29
  • 粽情粽意 传承文明———我们的节日2018端午节 2019-09-28
  • 特朗普威胁中国,如果中国报复性征收美国高关税,美国将征收中国额外关税,特朗普真流氓。难道中国是吓大的? 2019-09-28
  • 父债子偿家不和 法官亲情促调解 2019-09-28
  • 小偷入室盗窃被抓后反教训失主晚上别开着门睡觉 2019-09-24
  • 世界各国因为势不如人,所以才会对美国的进逼忍气吞声。美国现在说话意味已不在有什么掩盖,明显的霸权主义威胁意味甚浓!特朗普的冒险性格,让世界处于危险之中!... 2019-09-09
  • 全国百家网络媒体全媒体记者彭水采风活动 2019-09-09
  • 用个例来抹黑个国家,有你这么无耻的吗?西方银行倒闭案少了吗? 2019-09-06
  • 中美智库联合报告:停止贸易战符合中美双方利益 2019-09-06
  • “拖稿”也自信 美女作家落落来渝聊新书 2019-09-03
  • 中央网信办负责人进网站宣讲党的十九大精神 2019-09-03
  • 农民回答风水神,“勤劳的农民玩什么没有富起来”。(原创首发) 2019-09-02
  • 陕西快乐十分任四技巧 福彩360基本走势图 辽宁11选历史开奖结果 王者战争破解版下载 游戏风云近期播的游戏 大盛娱乐 3D福彩中心230期开机号 腾讯欢乐升级怎么玩的 辽宁十一选五小助手 晋江料王平特一肖 2元彩票网中奖新闻 五子棋如何判断输赢 快三大小单双技巧 博众时时彩计划软件 大乐透5十2准确预测