jquery各大学选择插件

所属分类:输入-选择框

 32416  348  查看评论 (6)
分享到微信朋友圈
X
jquery各大学选择插件 ie兼容8

简单使用方法

1、引用js    

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script src="js/school.js" type="text/javascript"></script>

2、调用

function initSchool(provinceID) {
    //原先的学校列表清空
    $('#choose-a-school').html('');
    var schools = schoolList[provinceID - 1].school;
    for (i = 0; i < schools.length; i++) {
        $('#choose-a-school').append('<a href="javascript:void(0);" class="school-item" school-id="' + schools[i].id + '">' + schools[i].name + '</a>');
    }
    //添加大学列表项的click事件
    $('.school-item').bind('click', function() {
        var item = $(this);
        var school = item.attr('school-id');
        //更新选择大学文本框中的值
        $('#school-name').val(item.text());
        //关闭弹窗
        hide();
    });
}


相关插件-选择框

jQuery三级联动地区选择下拉插件

风格简洁大方,地区信息可以外部传入,地区信息使用按首字母归类排序
  选择框
 43730  402

9款表单复选框(Checkbox)与单选按钮美化

9款表单复选框(Checkbox)与单选按钮美化
  选择框
 35123  361

纯js省市县三级联动

js省市县三级联动
  选择框
 51262  378

radio checkbox

利用css3技术,实现替代浏览器自带的radio checkbox功能。不用js技术,纯轻量级的。
  选择框
 30970  312

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?毁你男神做你男人? 0
    2018/4/10 11:34:22
    有没有免费的!!! 回复
    夜?花疥 0
    2018/3/13 17:51:27
    wubofeng 0
    2017/7/30 0:22:30

    很不错,下来试试

    回复
    时光之痒 0
    2017/7/21 10:34:40

    挺好,这种设计也可以满足在触摸屏上选择的需求

    回复
    只有我是water 0
    2017/6/23 13:55:34

    这个看上去很简洁大方还挺好的

    回复
    い不忘初心,才能始终″ 0
    2017/4/5 14:44:57

    干荷叶还不做啊

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复