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


Posted in Javascript onDecember 10, 2012

如下的部分代码

<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中 不存在该项"); 
} 
}
Javascript 相关文章推荐
JavaScript实现网页对象拖放功能的方法
Apr 15 Javascript
js实现简单的验证码
Dec 25 Javascript
JavaScript闭包实例详解
Jun 03 Javascript
angular 用拦截器统一处理http请求和响应的方法
Jun 08 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
vue用递归组件写树形控件的实例代码
Jul 19 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
vue自定义指令之面板拖拽的实现
Apr 14 Javascript
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 Javascript
layUI实现三级导航菜单效果
Jul 26 Javascript
JavaScript自定义超时API代码实例
Apr 30 Javascript
Element el-button 按钮组件的使用详解
Feb 01 Javascript
如何将JS的变量值传递给ASP变量
Dec 10 #Javascript
用jquery实现点击栏目背景色改变
Dec 10 #Javascript
jquery应该如何来设置改变按钮input的onclick事件
Dec 10 #Javascript
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 #Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 #Javascript
JQuery each()函数如何优化循环DOM结构的性能
Dec 10 #Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 #Javascript
You might like
落伍首发 php+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
2006/12/16 PHP
web页面数据展示新想法(json)
2010/06/08 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
提高javascript效率 一次判断,而不要次次判断
2012/03/30 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
五步轻松实现zTree的使用
2017/11/01 Javascript
深入理解 webpack 文件打包机制(小结)
2018/01/08 Javascript
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
Node 搭建一个静态资源服务器的实现
2019/05/20 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
Node.js API详解之 readline模块用法详解
2020/05/22 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
OpenLayer3自定义测量控件MeasureTool
2020/09/28 Javascript
js实现简单图片拖拽效果
2021/02/22 Javascript
[04:29]【TI9采访】OG.N0tail在胜者组决赛后接受采访
2019/08/25 DOTA
python类定义的讲解
2013/11/01 Python
Python写的Tkinter程序屏幕居中方法
2015/03/10 Python
详解Python中的相对导入和绝对导入
2017/01/06 Python
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
用python实现前向分词最大匹配算法的示例代码
2020/08/06 Python
Python日志器使用方法及原理解析
2020/09/27 Python
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
STP的判定过程
2012/10/01 面试题
退休感言
2014/01/28 职场文书
经销商订货会主持词
2014/03/27 职场文书
大学社团活动总结
2014/04/26 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
python3.7.2 tkinter entry框限定输入数字的操作
2021/05/22 Python
NodeJs使用webpack打包项目的方法详解
2022/02/28 NodeJs