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中的onkeyup和onkeydown区别介绍
Apr 28 Javascript
详细介绍8款超实用JavaScript框架
Oct 25 Javascript
Javascript实现简单二级下拉菜单实例
Jun 15 Javascript
js获取IP地址的方法小结
Jul 01 Javascript
使用js dom和jquery分别实现简单增删改
Sep 11 Javascript
JavaScript中的编码和解码函数
Feb 15 Javascript
JavaScript异步上传图片文件的实例代码
Jul 04 Javascript
JavaScript事件处理程序详解
Sep 19 Javascript
vue使用Proxy实现双向绑定的方法示例
Mar 20 Javascript
通过说明与示例了解js五种设计模式
Jun 17 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
Nov 19 Vue.js
如何将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
改造一台复古桌面收音机
2021/03/02 无线电
PHP中使用Session配合Javascript实现文件上传进度条功能
2014/10/15 PHP
Smarty使用自定义资源的方法
2015/08/08 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
js window.event对象详尽解析
2009/02/17 Javascript
javascript 冒号 使用说明
2009/06/06 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
JS实现根据出生年月计算年龄
2014/01/10 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
javascript弹性运动效果简单实现方法
2016/01/08 Javascript
JavaScript 继承详解(六)
2016/10/11 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
2017/02/09 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
不得不知的ES6小技巧
2018/07/28 Javascript
vue图片上传本地预览组件使用详解
2019/02/20 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
vue遍历生成的输入框 绑定及修改值示例
2019/10/30 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
python基础教程之分支、循环简单用法
2016/06/16 Python
Python OpenCV处理图像之图像直方图和反向投影
2018/07/10 Python
如何利用python进行时间序列分析
2020/08/04 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
canvas仿写贝塞尔曲线的示例代码
2017/12/29 HTML / CSS
美国网上花店:JustFlowers
2017/02/12 全球购物
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
屈臣氏菲律宾官网:Watsons菲律宾
2020/06/30 全球购物
2019史上最全Database工程师题库
2015/12/06 面试题
服装销售人员求职自我评价
2013/09/26 职场文书
工厂搬迁方案
2014/05/11 职场文书
人力资源求职信
2014/05/25 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers
mysql 数据插入优化方法之concurrent_insert
2021/07/01 MySQL
7个关于Python的经典基础案例
2021/11/07 Python