Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）

2019年5月18日 187次阅读

 1
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
判断select选项中 是否存在Value=”paraValue”的Item 

 2
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》向select选项中 加入一个Item 

 3
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》从select选项中 删除一个Item 

 4
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》删除select中选中的项 

 5
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》修改select选项中 value=”paraValue”的text为”paraText” 

 6
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》设置select中text=”paraText”的第一个Item为选中 

 7
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》设置select中value=”paraValue”的Item为选中 

 8
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》得到select的当前选中项的value 

 9
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》得到select的当前选中项的text 

10
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》得到select的当前选中项的Index 

11
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》清空select的项 

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
js 代码
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 1.判断select选项中 是否存在Value=”paraValue”的Item        

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
function
 jsSelectIsExitItem(objSelect, objItemValue) 
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    var isExit = false;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    for (var i = 0; i < objSelect.options.length; i++) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        if (objSelect.options[i].value == objItemValue) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            isExit = true;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            break;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    return isExit;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》}
         
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》   
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 2.向select选项中 加入一个Item        

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
function
 jsAddItemToSelect(objSelect, objItemText, objItemValue) 
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    //判断是否存在        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    if (jsSelectIsExitItem(objSelect, objItemValue)) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        alert(“该Item的Value值已经存在“);        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    } else 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        var varItem = new Option(objItemText, objItemValue);      
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        objSelect.options.add(varItem);     
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        alert(“成功加入“);     
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》}
        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》   
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 3.从select选项中 删除一个Item        

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
function
 jsRemoveItemFromSelect(objSelect, objItemValue) 
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    //判断是否存在        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    if (jsSelectIsExitItem(objSelect, objItemValue)) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        for (var i = 0; i < objSelect.options.length; i++) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            if (objSelect.options[i].value == objItemValue) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》                objSelect.options.remove(i);        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》                break;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        alert(“成功删除“);        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    } else 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        alert(“该select中 不存在该项“);        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》}
    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》   
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》   
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 4.删除select中选中的项    

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
function
 jsRemoveSelectedItemFromSelect(objSelect) 
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    var length = objSelect.options.length – 1;    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    for(var i = length; i >= 0; i—)《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        if(objSelect[i].selected == true)《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            objSelect.options[i] = null;    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        }    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    }    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》}
      
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》   
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 5.修改select选项中 value=”paraValue”的text为”paraText”        

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
function
 jsUpdateItemToSelect(objSelect, objItemText, objItemValue) 
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    //判断是否存在        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    if (jsSelectIsExitItem(objSelect, objItemValue)) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        for (var i = 0; i < objSelect.options.length; i++) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            if (objSelect.options[i].value == objItemValue) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》                objSelect.options[i].text = objItemText;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》                break;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        alert(“成功修改“);        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    } else 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        alert(“该select中 不存在该项“);        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》}
        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》   
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 6.设置select中text=”paraText”的第一个Item为选中        

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
function
 jsSelectItemByValue(objSelect, objItemText) 
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
{            
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    //判断是否存在        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    var isExit = false;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    for (var i = 0; i < objSelect.options.length; i++) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        if (objSelect.options[i].text == objItemText) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            objSelect.options[i].selected = true;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            isExit = true;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》            break;        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    }              
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    //Show出结果        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    if (isExit) 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        alert(“成功选中“);        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    } else 《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》{        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》        alert(“该select中 不存在该项“);        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》    }        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》}
        
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》   
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 7.设置select中value=”paraValue”的Item为选中    

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
document.all.objSelect.value 
=
 objItemValue;    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》       
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 8.得到select的当前选中项的value    

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
var
 currSelectValue 
=
 document.all.objSelect.value;    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》       
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 9.得到select的当前选中项的text    

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
var
 currSelectText 
=
 document.all.objSelect.options[document.all.objSelect.selectedIndex].text;    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》       
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 10.得到select的当前选中项的Index    

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
var
 currSelectIndex 
=
 document.all.objSelect.selectedIndex;    
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》       
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
//
 11.清空select的项    

《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》
document.all.objSelect.options.length 
=
 
0
;   
《Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）》

点赞