사용하기 좋은 jquery 조작 select 플러그인

3937 단어 jquery
/*
   :jquery.liu.select.js
    : js   jquery       ,     select   .
  :John Liu
    :2008/03/12
*/
//  select    
jQuery.fn.size = function(){
    return jQuery(this).get(0).options.length;
}

//        
jQuery.fn.getSelectedIndex = function(){
    return jQuery(this).get(0).selectedIndex;
}

//          
jQuery.fn.getSelectedText = function(){
    if(this.size() == 0)  return "       ";
    else{
        var index = this.getSelectedIndex();      
        return jQuery(this).get(0).options[index].text;
    }
}

//         
jQuery.fn.getSelectedValue = function(){
    if(this.size() == 0) 
        return "        ";
    
    else
        return jQuery(this).val();
}

//  select   value     
jQuery.fn.setSelectedValue = function(value){
    jQuery(this).get(0).value = value;
}

//  select    text       
jQuery.fn.setSelectedText = function(text)
{
    var isExist = false;
    var count = this.size();
    for(var i=0;i<count;i++)
    {
        if(jQuery(this).get(0).options[i].text == text)
        {
            jQuery(this).get(0).options[i].selected = true;
            isExist = true;
            break;
        }
    }
    if(!isExist)
    {
        alert("         ");
    }
}
//         
jQuery.fn.setSelectedIndex = function(index)
{
    var count = this.size();    
    if(index >= count || index < 0)
    {
        alert("         ");
    }
    else
    {
        jQuery(this).get(0).selectedIndex = index;
    }
}
//  select        value  
jQuery.fn.isExistItem = function(value)
{
    var isExist = false;
    var count = this.size();
    for(var i=0;i<count;i++)
    {
        if(jQuery(this).get(0).options[i].value == value)
        {
            isExist = true;
            break;
        }
    }
    return isExist;
}
// select     ,     text,  value,        ,   
jQuery.fn.addOption = function(text,value)
{
    if(this.isExistItem(value))
    {
        alert("         ");
    }
    else
    {
        jQuery(this).get(0).options.add(new Option(text,value));
    }
}
//  select   value  ,       ,   
jQuery.fn.removeItem = function(value)
{    
    if(this.isExistItem(value))
    {
        var count = this.size();        
        for(var i=0;i<count;i++)
        {
            if(jQuery(this).get(0).options[i].value == value)
            {
                jQuery(this).get(0).remove(i);
                break;
            }
        }        
    }
    else
    {
        alert("        !");
    }
}
//  select       
jQuery.fn.removeIndex = function(index)
{
    var count = this.size();
    if(index >= count || index < 0)
    {
        alert("          ");
    }
    else
    {
        jQuery(this).get(0).remove(index);
    }
}
//  select     
jQuery.fn.removeSelected = function()
{
    var index = this.getSelectedIndex();
    this.removeIndex(index);
}
//  select     
jQuery.fn.clearAll = function()
{
    jQuery(this).get(0).options.length = 0;
}

 
 
사용할 때 jquery를 도입합니다.js 파일, jquery를 도입합니다.liu.select.js 파일을 사용하면 이 플러그인을 호출할 수 있습니다.예를 들어, 나는 id가seleEmail인 밑에 있는 상자의 모든 항목을 지우려고 한다. 그러면 나는 이렇게 할 수 있다. ("#seleEmail")clearAll();
 
전재하다

좋은 웹페이지 즐겨찾기