js 操作select相关方法函数
js 操作select相关方法函数
发布时间:2016-12-30 来源:查字典编辑
摘要:1.判断select选项中是否存在value="paravalue"的item2.向select选项中加入一个item3.从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

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;

具体的实例可以查看js select多选列表传值代码

http://www.jb51.net/article/21270.htm

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类