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 相关文章推荐
js window.event对象详尽解析
Feb 17 Javascript
Javascript 面向对象(二)封装代码
May 23 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 Javascript
推荐6款基于jQuery实现图片效果插件
Dec 07 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
Jun 25 Javascript
JavaScript利用HTML DOM进行文档操作的方法
Mar 28 Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 Javascript
浅谈JavaScript中promise的使用
Jan 11 Javascript
flexslider.js实现移动端轮播
Feb 05 Javascript
基于JS对象创建常用方式及原理分析
Jun 28 Javascript
OpenLayers3实现图层控件功能
Sep 25 Javascript
解决vue项目本地启动时无法携带cookie的问题
Feb 06 Vue.js
详谈$.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操作XML作为数据库的类
2010/12/19 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
cookie.js 加载顺序问题怎么才有效
2013/07/31 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
indexOf 和 lastIndexOf 使用示例介绍
2014/09/02 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
关于JS中prototype的理解
2015/09/07 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
jQuery仿京东商城楼梯式导航定位菜单
2016/07/25 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
2016/11/08 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
2017/12/21 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
2018/01/12 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
2018/01/25 Javascript
基于vue展开收起动画的示例代码
2018/07/05 Javascript
Bootstrap-table使用footerFormatter做统计列功能
2018/09/07 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
Vue动画事件详解及过渡动画实例
2019/02/09 Javascript
微信小程序常见页面跳转操作简单示例
2019/05/01 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
[43:51]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS Secret
2018/03/31 DOTA
python中使用pyhook实现键盘监控的例子
2014/07/18 Python
Python中的异常处理学习笔记
2015/01/28 Python
基于Python实现用户管理系统
2019/02/26 Python
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
金牌葡萄酒俱乐部:Gold Medal Wine Club
2017/11/02 全球购物
法国在线药房:DoctiPharma
2020/10/21 全球购物
世界经理人咨询有限公司面试
2014/09/23 面试题
结构工程个人自荐信范文
2013/11/30 职场文书
闭幕式主持词
2014/04/02 职场文书
出生证明公证书
2014/04/09 职场文书
免职通知
2015/04/23 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL