JavaScript對Select的操作
來源:互聯網
上載者:User
//1.判斷是否存在指定value的Item
function ExistValue(obj,value){
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].value == value){
return true;
}
}
return false;
} //2.加入一個Item
function AddItem(obj,text,value){
var varItem = new Option(text,value);
obj.options.add(varItem);
}//3.刪除值為value的所有Item
function RemoveItems(obj,value){
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].value == ItemValue){
obj.options.remove(i);
}
}
}//4.刪除某一個index的選項
function RemoveItem(obj,index){
obj.options.remove(index);
}//5.更新第index項的value和text
function UpdateItem(obj,index,value,text){
obj.options[index].value = value;
obj.options[index].text = text;
}
//6.設定select中指定text的第一個Item為選中
function SelectItemByText(obj,text){
var isExit = false;
for(var i=0;i<obj.options.length;i++){
if(objSelect.options[i].text == text){
obj.options[i].selected = true;
return true;
}
}
return false;
}//7.設定select中指定value的第一個Item為選中
function SelectItemByValue(obj,value){
var isExit = false;
for(var i=0;i<obj.options.length;i++){
if(objSelect.options[i].value == value){
obj.options[i].selected = true;
return true;
}
}
return false;
}//8.得到當前選中項的value,index,text
function GetValue(obj){
return obj.value;
}//9.得到當前選中項的index
function GetIndex(obj){
return obj.selectedIndex;
}//10.得到當前選中項的text
function GetText(obj){
return obj.options[obj.selectedIndex].text;
}//11.清空所有選項
function Clear(obj){
obj.options.length = 0;
}