select常用操作控制代码,判断存在等

// 1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i ) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}

1.判断select选项中 是否存在Value="paraValue"的Item
 2.向select选项中 加入一个Item
 3.从select选项中 删除一个Item
 4.删除select中选中的项
 5.修改select选项中 value="paraValue"的text为"paraText"
 6.设置select中text="paraText"的第一个Item为选中
 7.设置select中value="paraValue"的Item为选中
 8.得到select的当前选中项的value
 9.得到select的当前选中项的text
10.得到select的当前选中项的Index
11.清空select的项

1.判断select选项中 是否存在Value="paraValue"的Item
2.向select选项中 加入一个Item
3.从select选项中 删除一个Item
4.修改select选项中 value="paraValue"的text为"paraText"
5.设置select中text="paraText"的第一个Item为选中
6.设置select中value="paraValue"的Item为选中
7.得到select的当前选中项的value
8.得到select的当前选中项的text
9.得到select的当前选中项的Index

1.判断select选项中 是否存在Value="paraValue"的Item
2.向select选项中 加入一个Item
3.从select选项中 删除一个Item
4.修改select选项中 value="paraValue"的text为"paraText"
5.设置select中text="paraText"的第一个Item为选中
6.设置select中value="paraValue"的Item为选中
7.得到select的当前选中项的value
8.得到select的当前选中项的text
9.得到select的当前选中项的Index

// 2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
alert("该Item的Value值已经存在");
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert("成功加入");
}
}

 

10.清空select的项

//1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect,objItemValue)
{
     var isExit = false;
     for(var i=0;i<objSelect.options.length;i )
     {
         if(objSelect.options[i].value == objItemValue)
         {
             isExit = true;
             break;
         }
     }      
     return isExit;
}

//2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect,objItemText,objItemValue)
{
     //判断是否存在
     if(jsSelectIsExitItem(objSelect,objItemValue))
     {
         alert("该Item的Value值已经存在");
     }
     else
     {
         var varItem = new Option(objItemText,objItemValue);
//       objSelect.options[objSelect.options.length] = varItem;
         objSelect.options.add(varItem);
         alert("成功加入");
     }    
}

//3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect,objItemValue)
{
     //判断是否存在
     if(jsSelectIsExitItem(objSelect,objItemValue))
     {
         for(var i=0;i<objSelect.options.length;i )
         {
             if(objSelect.options[i].value == objItemValue)
             {
                 objSelect.options.remove(i);
                 break;
             }
         }        
         alert("成功删除");            
     }
     else
     {
         alert("该select中 不存在该项");
     }    
}

//4.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
{
     //判断是否存在
     if(jsSelectIsExitItem(objSelect,objItemValue))
     {
         for(var i=0;i<objSelect.options.length;i )
         {
             if(objSelect.options[i].value == objItemValue)
             {
                 objSelect.options[i].text = objItemText;
                 break;
             }
         }        
         alert("成功修改");            
     }
     else
     {
         alert("该select中 不存在该项");
     }    
}
//5.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect,objItemText)
{    
     //判断是否存在
     var isExit = false;
     for(var i=0;i<objSelect.options.length;i )
     {
         if(objSelect.options[i].text == objItemText)
         {
             objSelect.options[i].selected = true;
             isExit = true;
             break;
         }
     }      
     //Show出结果
     if(isExit)
     {
         alert("成功选中");            
     }
     else
     {
         alert("该select中 不存在该项");
     }    
}

//6.设置select中value="paraValue"的Item为选中
//document.all.objSelect.value = objItemValue;

//7.得到select的当前选中项的value
//var currSelectValue = document.all.objSelect.value;

//8.得到select的当前选中项的text
//var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

//9.得到select的当前选中项的Index
//var currSelectIndex = document.all.objSelect.selectedIndex;

//10.清空select的项
// document.all.objSelect.options.length = 0;

10.清空select的项

//1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect,objItemValue)
{
    var isExit = false;
    for(var i=0;i<objSelect.options.length;i )
    {
        if(objSelect.options[i].value == objItemValue)
        {
            isExit = true;
            break;
        }
    }     
    return isExit;
}

//2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect,objItemText,objItemValue)
{
    //判断是否存在
    if(jsSelectIsExitItem(objSelect,objItemValue))
    {
        alert("该Item的Value值已经存在");
    }
    else
    {
        var varItem = new Option(objItemText,objItemValue);
//      objSelect.options[objSelect.options.length] = varItem;
        objSelect.options.add(varItem);
        alert("成功加入");
    }   
}

//3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect,objItemValue)
{
    //判断是否存在
    if(jsSelectIsExitItem(objSelect,objItemValue))
    {
        for(var i=0;i<objSelect.options.length;i )
        {
            if(objSelect.options[i].value == objItemValue)
            {
                objSelect.options.remove(i);
                break;
            }
        }       
        alert("成功删除");           
    }
    else
    {
        alert("该select中 不存在该项");
    }   
}

//4.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
{
    //判断是否存在
    if(jsSelectIsExitItem(objSelect,objItemValue))
    {
        for(var i=0;i<objSelect.options.length;i )
        {
            if(objSelect.options[i].value == objItemValue)
            {
                objSelect.options[i].text = objItemText;
                break;
            }
        }       
        alert("成功修改");           
    }
    else
    {
        alert("该select中 不存在该项");
    }   
}
       
//5.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect,objItemText)
{   
    //判断是否存在
    var isExit = false;
    for(var i=0;i<objSelect.options.length;i )
    {
        if(objSelect.options[i].text == objItemText)
        {
            objSelect.options[i].selected = true;
            isExit = true;
            break;
        }
    }     
    //Show出结果
    if(isExit)
    {
        alert("成功选中");           
    }
    else
    {
        alert("该select中 不存在该项");
    }   
}

//6.设置select中value="paraValue"的Item为选中
//document.all.objSelect.value = objItemValue;

//7.得到select的当前选中项的value
//var currSelectValue = document.all.objSelect.value;

//8.得到select的当前选中项的text
//var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

//9.得到select的当前选中项的Index
//var currSelectIndex = document.all.objSelect.selectedIndex;

//10.清空select的项
// document.all.objSelect.options.length = 0;

// 3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i ) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options.remove(i);
break;
}
}
alert("成功删除");
} else {
alert("该select中 不存在该项");
}
}

Js代码 图片 1

// 4.删除select中选中的项
function jsRemoveSelectedItemFromSelect(objSelect) {
var length = objSelect.options.length - 1;
for(var i = length; i >= 0; i--){
if(objSelect[i].selected == true){
objSelect.options[i] = null;
}
}
}

  1. js 代码   
  2. // 1.判断select选项中 是否存在Value="paraValue"的Item           
  3. function jsSelectIsExitItem(objSelect, objItemValue) {           
  4.     var isExit = false;           
  5.     for (var i = 0; i < objSelect.options.length; i ) {           
  6.         if (objSelect.options[i].value == objItemValue) {           
  7.             isExit = true;           
  8.             break;           
  9.         }           
  10.     }           
  11.     return isExit;           
  12. }            
  13.       
  14. // 2.向select选项中 加入一个Item           
  15. function jsAddItemToSelect(objSelect, objItemText, objItemValue) {           
  16.     //判断是否存在           
  17.     if (jsSelectIsExitItem(objSelect, objItemValue)) {           
  18.         alert("该Item的Value值已经存在");           
  19.     } else {           
  20.         var varItem = new Option(objItemText, objItemValue);         
  21.         objSelect.options.add(varItem);        
  22.         alert("成功加入");        
  23.     }           
  24. }           
  25.       
  26. // 3.从select选项中 删除一个Item           
  27. function jsRemoveItemFromSelect(objSelect, objItemValue) {           
  28.     //判断是否存在           
  29.     if (jsSelectIsExitItem(objSelect, objItemValue)) {           
  30.         for (var i = 0; i < objSelect.options.length; i ) {           
  31.             if (objSelect.options[i].value == objItemValue) {           
  32.                 objSelect.options.remove(i);           
  33.                 break;           
  34.             }           
  35.         }           
  36.         alert("成功删除");           
  37.     } else {           
  38.         alert("该select中 不存在该项");           
  39.     }           
  40. }       
  41.       
  42.       
  43. // 4.删除select中选中的项       
  44. function jsRemoveSelectedItemFromSelect(objSelect) {           
  45.     var length = objSelect.options.length - 1;       
  46.     for(var i = length; i >= 0; i--){       
  47.         if(objSelect[i].selected == true){       
  48.             objSelect.options[i] = null;       
  49.         }       
  50.     }       
  51. }         
  52.       
  53. // 5.修改select选项中 value="paraValue"的text为"paraText"           
  54. function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {           
  55.     //判断是否存在           
  56.     if (jsSelectIsExitItem(objSelect, objItemValue)) {           
  57.         for (var i = 0; i < objSelect.options.length; i ) {           
  58.             if (objSelect.options[i].value == objItemValue) {           
  59.                 objSelect.options[i].text = objItemText;           
  60.                 break;           
  61.             }           
  62.         }           
  63.         alert("成功修改");           
  64.     } else {           
  65.         alert("该select中 不存在该项");           
  66.     }           
  67. }           
  68.       
  69. // 6.设置select中text="paraText"的第一个Item为选中           
  70. function jsSelectItemByValue(objSelect, objItemText) {               
  71.     //判断是否存在           
  72.     var isExit = false;           
  73.     for (var i = 0; i < objSelect.options.length; i ) {           
  74.         if (objSelect.options[i].text == objItemText) {           
  75.             objSelect.options[i].selected = true;           
  76.             isExit = true;           
  77.             break;           
  78.         }           
  79.     }                 
  80.     //Show出结果           
  81.     if (isExit) {           
  82.         alert("成功选中");           
  83.     } else {           
  84.         alert("该select中 不存在该项");           
  85.     }           
  86. }           
  87.       
  88. // 7.设置select中value="paraValue"的Item为选中       
  89. document.all.objSelect.value = objItemValue;       
  90.           
  91. // 8.得到select的当前选中项的value       
  92. var currSelectValue = document.all.objSelect.value;       
  93.           
  94. // 9.得到select的当前选中项的text       
  95. var currSelectText = document.all.objSelect.options   
  96.   
  97. [document.all.objSelect.selectedIndex].text;       
  98.           
  99. // 10.得到select的当前选中项的Index       
  100. var currSelectIndex = document.all.objSelect.selectedIndex;       
  101.           
  102. // 11.清空select的项       
  103. document.all.objSelect.options.length = 0;     

    js 代码// 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i ) { if (objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit; } // 2.向select选项中 加入一个Item function jsAddItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { alert("该Item的Value值已经存在"); } else { var varItem = new Option(objItemText, objItemValue); objSelect.options.add(varItem); alert("成功加入"); } } // 3.从select选项中 删除一个Item function jsRemoveItemFromSelect(objSelect, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i < objSelect.options.length; i ) { if (objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; } } alert("成功删除"); } else { alert("该select中 不存在该项"); } } // 4.删除select中选中的项 function jsRemoveSelectedItemFromSelect(objSelect) { var length = objSelect.options.length - 1; for(var i = length; i >= 0; i--){ if(objSelect[i].selected == true){ objSelect.options[i] = null; } } } // 5.修改select选项中 value="paraValue"的text为"paraText" function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i < objSelect.options.length; i ) { if (objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemText; break; } } alert("成功修改"); } else { alert("该select中 不存在该项"); } } // 6.设置select中text="paraText"的第一个Item为选中 function jsSelectItemByValue(objSelect, objItemText) { //判断是否存在 var isExit = false; for (var i = 0; i < objSelect.options.length; i ) { if (objSelect.options[i].text == objItemText) { objSelect.options[i].selected = true; isExit = true; break; } } //Show出结果 if (isExit) { alert("成功选中"); } else { alert("该select中 不存在该项"); } } // 7.设置select中value="paraValue"的Item为选中 document.all.objSelect.value = objItemValue; // 8.得到select的当前选中项的value var currSelectValue = document.all.objSelect.value; // 9.得到select的当前选中项的text var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text; // 10.得到select的当前选中项的Index var currSelectIndex = document.all.objSelect.selectedIndex; // 11.清空select的项 document.all.objSelect.options.length = 0;

     

// 5.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i ) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options[i].text = objItemText;
break;
}
}
alert("成功修改");
} else {
alert("该select中 不存在该项");
}
}

// 6.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect, objItemText) {
//判断是否存在
var isExit = false;
for (var i = 0; i < objSelect.options.length; i ) {
if (objSelect.options[i].text == objItemText) {
objSelect.options[i].selected = true;
isExit = true;
break;
}
}
//Show出结果
if (isExit) {
alert("成功选中");
} else {
alert("该select中 不存在该项");
}
}

// 7.设置select中value="paraValue"的Item为选中
document.all.objSelect.value = objItemValue;

// 8.得到select的当前选中项的value
var currSelectValue = document.all.objSelect.value;

// 9.得到select的当前选中项的text
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

// 10.得到select的当前选中项的Index
var currSelectIndex = document.all.objSelect.selectedIndex;

// 11.清空select的项
document.all.objSelect.options.length = 0;

1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i objSelect.options.length...

本文由星彩网app下载发布于前端技术,转载请注明出处:select常用操作控制代码,判断存在等

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。