jquery各大学选择插件

所属分类:输入-选择框

 6214  43  查看评论 (0)
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();
    });
}


相关插件-选择框

js模拟ios联动插件iosselect

html下拉菜单select在安卓和IOS下表现不一样,iosselect正是为统一下拉菜单样式而生
  选择框
 2295  25

radio & checkbox

简洁好看的单选框,复选框
  选择框
 12029  147
  选择框
 15937  116

jQuery列表选择美化插件uichoose

uichoose是一款基于jQuery的列表选择美化插件。uichoose可用于选项不太多的、radio、checkbox等,提升用户体验。
  选择框
 3737  47

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复