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解析json格式数据简单实例
Jan 22 Javascript
JavaScript基础知识之方法汇总结
Jan 24 Javascript
JavaScript小技巧整理篇(非常全)
Jan 26 Javascript
基于javascript实现简单的抽奖系统
Apr 15 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
Nov 24 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
Jul 24 Javascript
微信小程序实现留言板
Oct 31 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
Dec 29 Javascript
JS使用数组实现的队列功能示例
Mar 04 Javascript
JS实现水平移动与垂直移动动画
Dec 19 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 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简单命令代码集锦
2007/09/24 PHP
php不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
php 各种应用乱码问题的解决方法
2010/05/09 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
PHP实现获取域名的方法小结
2014/11/05 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
JQuery+DIV自定义滚动条样式的具体实现
2013/06/25 Javascript
通过正则表达式实现表单验证是否为中文
2014/02/18 Javascript
jQuery中children()方法用法实例
2015/01/07 Javascript
jQuery实现文本展开收缩特效
2015/06/03 Javascript
freemarker判断对象是否为空的方法
2015/08/13 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
jQuery制作图片旋转效果
2017/02/02 Javascript
jQuery实现扑克正反面翻牌效果
2017/03/10 Javascript
vue 2.0路由之路由嵌套示例详解
2017/05/08 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
2017/06/02 jQuery
vue-resource 拦截器(interceptor)的使用详解
2017/07/04 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
2018/10/07 Javascript
Vue 框架之动态绑定 css 样式实例分析
2018/11/14 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
[04:16]DOTA2全国高校联赛16强抽签
2018/05/02 DOTA
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
python 接口返回的json字符串实例
2018/03/27 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
python设置中文界面实例方法
2020/10/27 Python
让IE6、IE7、IE8支持CSS3的脚本
2010/07/20 HTML / CSS
Aeropostale官网:美国著名校园品牌及青少年服饰品牌
2019/03/21 全球购物
写自荐信的七个技巧
2013/10/15 职场文书
《我为你骄傲》教学反思
2014/02/20 职场文书
员工薪酬激励方案
2014/06/13 职场文书
2014年测量员工作总结
2014/12/12 职场文书
食品质检员岗位职责
2015/04/08 职场文书