关闭

javascript操作SELECT中option大全

382人阅读 评论(0) 收藏 举报
分类:

javascript操作SELECT中option大全
1:判断select选项中是否存在item

function isExitItem(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 addItem(objSelect, objItemText, objItemValue) { 
      //判断是否存在 
      if (isExitItem(objSelect, objItemValue)) { 
          alert("已经存在!"); 
     } else { 
        var varItem = new Option(objItemText, objItemValue); 
         objSelect.options.add(varItem); 
        alert("添加成功!"); 
     } 
}
3:删除item

function removeItem(objSelect, objItemValue) { 
   //判断是否存在 
if (isExitItem(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("不存在!"); 
   } 
}
4.删除select中选中的项

function removeSelectedItem(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 (isExitItem(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;

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:43318次
    • 积分:569
    • 等级:
    • 排名:千里之外
    • 原创:14篇
    • 转载:18篇
    • 译文:0篇
    • 评论:8条
    文章分类
    最新评论