时间:2021-05-26
1.判断select选项中是否存在Value="paraValue"的Item
functionjsSelectIsExitItem(objSelect,objItemValue){
varisExit=false;
for(vari=0;i<objSelect.options.length;i++){
if(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;i<objSelect.options.length;i++){
if(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;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为选中
functionjsSelectItemByValue(objSelect,objItemText){
//判断是否存在
varisExit=false;
for(vari=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
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;
上面的是从网上搜集的,现在看看根据上面的内容做的
javascript select结合__www.jb51.net 这是1 这是2 取值 增加1 增加2 增加3 删除选项 删除选取选项 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Javascript操作select是表单中常见的一种,下面介绍几种常用的JS动态操作select中的各种方法:复制代码代码如下://动态创建selectfun
本文实例讲述了javascript操作select元素的用法。分享给大家供大家参考。具体分析如下:这里熟悉一下js对select元素的操作,html页面中建立一
html中的select标签,也是asp.net中的asp:DropDownList控件。javascript对它们的操作一、基础理解复制代码代码如下:vare
本文实例汇总了jquery操作select的方法。分享给大家供大家参考。具体如下:jQuery获取Select选择的Text和Value:语法解释:复制代码代码
本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下:别的不说,先看代码:方法一:请选择商品分类家电数码服饰其中