jQuery下拉列表⼆级联动插件
capacity rightjQuery⼆级联动插件：jQuery.selected
⼀个页⾯可以引⽤多个联动效果，使⽤⽅法：
配置js：
1var defaults = {
2    NextSelId: '#Select2',
3    SelTextId: '#Text1',
4    Separator: '--',
5    SelStrSet: [
6        { name: '请选择', subname: '请选择'},
7        { name: '★⾼起本★', subname: '计算机科学与技术|汉语⾔⽂学' },
8        { name: '★⾼起专★', subname: '语⽂教育|⽂秘|学前教育|旅游管理|法律事务|经济管理|会计电算化|电⼦商务|计算机信息管理|软件⼯程|机电⼀体化|精细化学品⽣产技术|机械制造设计及⾃动化|播⾳与主持|艺术设计|书法⽅向艺术设计' },
9        { name: '★专升本★', subname: '思想政治教育|汉语⾔⽂学|英语|数学与应⽤数学|电⼦信息⼯程|计算机科学与技术|会计学|公共事业管理|旅游管理|体育教育|⾳乐学|艺术设计|书法⽅向艺术设计'}]
10 }
11
jquery下载文件插件12var defaults2 = {
replacement 怎么算13    NextSelId: '#Select4',
14    SelTextId: '#Text2',
15    Separator: '★',
16    SelStrSet: [
17        { name: '请选择', subname: '请选择'},
18        { name: '北京', subname: '北京1|北京2' },
19        { name: '上海', subname: '上海1|上海2|上海3|上海4' },
20        { name: '天津', subname: '天津'}]
21 }
  配置说明：
  NextSelId：需要联动加载的下拉列表 ID
  SelTextId：显⽰选择选项的⽂本框 ID
  Separator：⼀级菜单、⼆级菜单分割字符串
  SelStrSet：配置下拉选项
dede标签的使用    [{ name: '请选择', subname: '请选择'}]
      name：⼀级下拉选项；subname：⼆级下拉选项，多个⽤“|”分开；
html页⾯：
1<body>plc实训报告心得
2<script type="text/javascript">
3 $(function () {
4    $('#Select1').selected(defaults);
5    $('#Select3').selected(defaults2);
6
7 });
8</script>
9<select id="Select1">
10</select>
11<select id="Select2">
12</select>
13<input id="Text1" type="text"/>
14<br />
15<select id="Select3">
16</select>
17<select id="Select4">
18</select>
19<input id="Text2" type="text"/>
20</body>
有好的建议请留⾔评论！
>css样式表哪里下载

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。