• 墨玉县发展农村电商破解脱贫难题 2019-07-15
  • 晋中市通报五起违反中央八项规定精神问题 2019-07-14
  • 五月呼声报告: 陕11家单位上黑榜 官方回复房产投诉满意度低 2019-07-14
  • 高明农家乐地图出炉 教你玩出新花样清凉乐翻天 2019-07-13
  • 超出你想象  大胡子“绣郎”斩获刺绣界“奥斯卡”  2019-07-10
  • 澳媒:亚洲人别来了?悉尼再现种族歧视海报 2019-07-03
  • 为丰富百姓餐桌提供更多选择(打开对外开放新局面) 2019-07-03
  • 爬窗户干瞪眼  云南文山一小区惊现倭蜂猴 2019-07-02
  • 以古鉴今,习近平多次提及屈原 2019-07-02
  • 统一标尺严把关口 防止留置权滥用 2019-06-28
  • 四川医疗巡诊走进松潘为在乡优抚对象送健康 2019-06-25
  • 人民网驻乌克兰记者报道集 2019-06-23
  • 十九大代表杨峰:解决市民身边小事 汇集成民生大事 2019-06-23
  • 浙江舟山定海区一国企非党管理人员涉嫌受贿被查 2019-06-22
  • 中共中央组织部“12380”举报网站 2019-06-19
  • 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-07-15
  • 晋中市通报五起违反中央八项规定精神问题 2019-07-14
  • 五月呼声报告: 陕11家单位上黑榜 官方回复房产投诉满意度低 2019-07-14
  • 高明农家乐地图出炉 教你玩出新花样清凉乐翻天 2019-07-13
  • 超出你想象  大胡子“绣郎”斩获刺绣界“奥斯卡”  2019-07-10
  • 澳媒:亚洲人别来了?悉尼再现种族歧视海报 2019-07-03
  • 为丰富百姓餐桌提供更多选择(打开对外开放新局面) 2019-07-03
  • 爬窗户干瞪眼  云南文山一小区惊现倭蜂猴 2019-07-02
  • 以古鉴今,习近平多次提及屈原 2019-07-02
  • 统一标尺严把关口 防止留置权滥用 2019-06-28
  • 四川医疗巡诊走进松潘为在乡优抚对象送健康 2019-06-25
  • 人民网驻乌克兰记者报道集 2019-06-23
  • 十九大代表杨峰:解决市民身边小事 汇集成民生大事 2019-06-23
  • 浙江舟山定海区一国企非党管理人员涉嫌受贿被查 2019-06-22
  • 中共中央组织部“12380”举报网站 2019-06-19
  • 下围棋的好处 急速赛车场 浙江6十1怎么算中奖 福建十一选五网上投注 2019德甲积分榜 广西十一选五计划软件手机版 北京赛车爱玩来彩运来哦 3u国际娱乐平台 3d百位怎么选号 内蒙古时时彩最新开奖 cba季后赛半决赛对阵图 大乐透历史124开奖号 法甲各队队徽 五分彩万位稳赢公式 贵州11选5开奖走势图一定牛