JavaScript获取select中text值的方法


Posted in Javascript onFebruary 13, 2017

本文实例讲述了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 相关文章推荐
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
Nov 19 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
Jul 14 Javascript
JS实现动态增加和删除li标签行的实例代码
Oct 16 Javascript
d3.js实现简单的网络拓扑图实例代码
Nov 06 Javascript
基于JavaScript实现自动更新倒计时效果
Dec 19 Javascript
jQuery模拟淘宝购物车功能
Feb 27 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
May 18 Javascript
聊聊鉴权那些事(推荐)
Aug 22 Javascript
vue.js click点击事件获取当前元素对象的操作
Aug 07 Javascript
详解ES6中class的实现原理
Oct 03 Javascript
详谈$.data()的用法和作用
Feb 13 #Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
Feb 13 #Javascript
JavaScript实现公历转农历功能示例
Feb 13 #Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
Feb 13 #Javascript
jQuery源码分析之sizzle选择器详解
Feb 13 #Javascript
JS中input表单隐藏域及其使用方法
Feb 13 #Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 #Javascript
You might like
彻底杜绝PHP的session cookie错误
2009/08/09 PHP
php Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
php 缩略图实现函数代码
2011/06/23 PHP
js弹窗代码 可以指定弹出间隔
2010/07/03 Javascript
基于jquery实现状态限定编辑的代码
2012/02/11 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
javascript设计模式之解释器模式详解
2014/06/05 Javascript
JS简单实现点击复制链接的方法
2016/08/03 Javascript
基于zepto.js实现登录界面
2017/10/09 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
Vue源码学习之关于对Array的数据侦听实现
2019/04/23 Javascript
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
2020/06/19 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
Python设计模式之抽象工厂模式
2016/08/25 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
python使用KNN算法识别手写数字
2019/04/25 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
浅谈Keras中shuffle和validation_split的顺序
2020/06/19 Python
Python 实现进度条的六种方式
2021/01/06 Python
详解Python模块化编程与装饰器
2021/01/16 Python
Python学习之time模块的基本使用
2021/01/17 Python
CSS 3.0文字悬停跳动特效代码
2020/10/26 HTML / CSS
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
华为慧通面试题
2012/09/11 面试题
总经理助理的八要求
2013/11/12 职场文书
离婚协议书范文2015
2015/01/26 职场文书
2015年中个人总结范文
2015/03/10 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
2016公司年会主持词
2015/07/01 职场文书
使用 Apache 反向代理的设置技巧
2022/01/18 Servers
浅谈Redis缓冲区机制
2022/06/05 Redis