欢迎来到福编程网,本站提供各种互联网专业知识!

javascript操作select参考代码

发布时间:2008-06-01 作者: 来源:转载
用js控制select的方法,大家可以参考下
1.判断select选项中是否存在Value="paraValue"的Item
functionjsSelectIsExitItem(objSelect,objItemValue){
varisExit=false;
for(vari=0;iif(objSelect.options[i].value==objItemValue){
isExit=true;
break;
}
}
returnisExit;
}

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

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


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

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

6.设置select中text="paraText"的第一个Item为选中
functionjsSelectItemByValue(objSelect,objItemText){
//判断是否存在
varisExit=false;
for(vari=0;iif(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
varcurrSelectValue=document.all.objSelect.value;

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

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

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

上面的是从网上搜集的,现在看看根据上面的内容做的

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

相关推荐