js里怎么取select标签里的值并修改

213 阅读 0 评论 141 点赞

我是靠谱客的博主心灵美野狼，最近开发中收集的这篇文章主要介绍js里怎么取select标签里的值并修改，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如下的部分代码：

复制代码代码如下:

 
<select name=”company_id” id=”company_id”> 
<option selected=”selected” value=”b”>BBB</option> 
<option value=”A”>AAA</option> 
<option value=”C”>CCC</option> 
</select> 

问题：js如何将select标签里的BBB改成XXX，同时BBB里的valued的值改成F?
正解代码如下：

复制代码代码如下:

 
function cheng() 
{ 
var mylist=document.getElementById(“company_id”); 
mylist.options[0].text=”XXX”; 
} 
<input type=”button” onclick=”cheng()” value=”改变BBB为XXX” /> 

复制代码代码如下:

 
//修改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中 不存在该项"); 
} 
} 