JQuery SELECT单选模拟jQuery.select.js

2020-05-22 16:30:34易采站长站整理

    $(‘#’+sID+’ > div > ul’).empty();
    $.each($(‘#’+sID+’ > select > option’), function(i){
        $(‘#’+sID+’ > div > ul’).append(“<li class=’FixSelectBrowser’>”+$(this).text()+”</li>”);
    });
    $(‘#’+sID+’ > div > h4′).empty().append($(‘#’+sID+’ > select option:selected’).text());
    $(‘#’+sID+’ > div > ul > li’).eq($(‘#’+sID+’> select’)[0].selectedIndex).addClass(“over”).addClass(“selectedli”);
}
function __keyDown(sID,selectIndex){
    $(‘#’+sID+’> select’)[0].selectedIndex = selectIndex;
    $(‘#’+sID+’ > div > ul > li:eq(‘+selectIndex+’)’).toggleClass(“over”);
    $(‘#’+sID+’ > div > h4′).empty().append($(‘#’+sID+’ > select option:selected’).text());
    //SELECT onchange 事件
    $(‘#’+sID+’> select’).change();
}
/* 自动调用 */
$(document).ready(function(){
    var s = new Array();
    var t = document.getElementsByTagName(‘select’);
    var j = 0;
    for(var i=0;i<t.length;i++){
        if(t[i].className==’commonselect’){
            s[j] = t[i];
            j++;
        }
    }
    if(j==0)return;
    var k = m = null;
    for(var i=0;i<s.length;i++){
        k = s[i].parentNode;
        m = createDiv(k, i);
        //s[i].replaceNode(m);
        k.replaceChild(m,s[i])
        m.appendChild(s[i]);
        $(‘#selectbox’+ i).sSelect();
    }    
    function createDiv(p, i){
        var div = document.createElement(‘div’);
        div.className = ‘dropdown’;
        div.id = ‘selectbox’ + i;