JavaScript获取select中text值的方法

本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考，具体如下：

别的不说,先看代码:

方法一：

<select name="parent_id" onchange="setTitleAndLinkByGoodsCategory(this.value,this.options[this.selectedIndex].text);" >
  <option value="0">请选择商品分类</option>
  <option value="1" >家电</option>
  <option value="2" >数码</option>
  <option value="3" >服饰</option>
</select>

其中,this.value取得是value的值,this.options[this.selectedIndex].text取得是家电,数码,服饰

方法二：

<script language="javascript">
 function chk(){
 var obj = document.getElementById("sel");
 var strsel = obj.options[obj.selectedIndex].text;
 if (confirm("确定要选择"+strsel+"吗？")){
 }else{
 }
 }
</script>
<select name="sel" onchange="return chk()">
 <option value=1>a001</option>
 <option value=2>a002</option>
 <option value=3>a003</option>
</select>

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

# JavaScript  # 获取  # select  # text值  # 使用原生JS获取select元素选中的value和text值  # javascript获取select值的方法完整实例  # JavaScript实现获取select下拉框中第一个值的方法  # javascript获取select标签选中的值  # javascript获取select值的方法分析  # js获取select标签选中值的两种方式  # jquery及原生js获取select下拉框选中的值示例  # js获取当前select 元素值的代码  # js 获取当前select元素值的代码  # JavaScript获取select选中值的两种方法实现  # 相关内容  # 遍历  # 感兴趣  # 数据结构  # 给大家  # 请选择  # 更多关于  # 所述  # 先看  # 程序设计  # 商品分类  # 讲述了  # js  # lt  # class  # brush  # setTitleAndLinkByGoodsCategory  # options  # parent_id  # onchange 

相关文章： 如何在IIS7上新建站点并设置安全权限？  Thinkphp 中 distinct 的用法解析  如何设置并定期更换建站之星安全管理员密码？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  如何选择高效响应式自助建站源码系统？  黑客如何利用漏洞与弱口令入侵网站服务器？  定制建站策划方案_专业建站与网站建设方案一站式指南  想学网站制作怎么学,建立一个网站要花费多少？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  建站之星导航菜单设置与功能模块配置全攻略  实现点击下箭头变上箭头来回切换的两种方法【推荐】  c# 在高并发场景下，委托和接口调用的性能对比  如何解决VPS建站LNMP环境配置常见问题？  网页设计网站制作软件,microsoft office哪个可以创建网页？  定制建站方案优化指南：企业官网开发与建站费用解析  如何通过可视化优化提升建站效果？  建站之星代理平台如何选择最佳方案？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  高防服务器租用首荐平台，企业级优惠套餐快速部署  建站之星如何通过成品分离优化网站效率？  建站主机数据库如何配置才能提升网站性能？  建站之星如何快速生成多端适配网站？  建站之星展会模版如何一键下载生成？  建站主机如何安装配置？新手必看操作指南  html制作网站的步骤有哪些,iapp如何添加网页？  建站之星2.7模板：企业网站建设与h5定制设计专题  制作表格网站有哪些,线上表格怎么弄？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  建站之星安装模板失败：服务器环境不兼容？  在线制作视频的网站有哪些,电脑如何制作视频短片？  建站为何优先选择香港服务器？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  如何在腾讯云服务器快速搭建个人网站？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  定制建站是什么？如何实现个性化需求？  建站主机如何选？高性价比方案全解析  北京网站制作的公司有哪些,北京白云观官方网站？  如何在香港服务器上快速搭建免备案网站？  网站制作公司排行榜,四大门户网站排名？  建站之星在线客服如何快速接入解答？  制作门户网站的参考文献在哪,小说网站怎么建立？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  建站OpenVZ教程与优化策略：配置指南与性能提升  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  Swift开发中switch语句值绑定模式  大学网站设计制作软件有哪些,如何将网站制作成自己app？  香港服务器WordPress建站指南：SEO优化与高效部署策略  公司网站制作费用多少,为公司建立一个网站需要哪些费用？