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 相关文章推荐
网站页面自动跳转实现方法PHP、JSP(上)
Aug 01 Javascript
复制小说文本时出现的随机乱码的去除方法
Sep 07 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
Jul 15 Javascript
使用typeof方法判断undefined类型
Sep 09 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
Mar 02 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
JavaScript prototype属性详解
Oct 25 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
Aug 28 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
Nov 09 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
详谈$.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
PHP5中虚函数的实现方法分享
2011/04/20 PHP
Laravel学习教程之model validation的使用示例
2017/10/23 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
2013/12/24 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
2015/01/13 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
2016/03/01 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
jQuery Easyui datagrid连续发送两次请求问题
2016/12/13 Javascript
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
angular使用bootstrap方法手动启动的实例代码
2017/07/18 Javascript
Vue中如何实现proxy代理
2018/04/20 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
js使用swiper实现层叠轮播效果实例代码
2018/12/12 Javascript
Vue中util的工具函数实例详解
2019/07/08 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
2020/03/06 Javascript
[01:28:43]2014 DOTA2华西杯精英邀请赛5 24 DK VS CIS
2014/05/25 DOTA
[02:09]抵达西雅图!中国军团加油!
2014/07/07 DOTA
python中循环语句while用法实例
2015/05/16 Python
用pycharm开发django项目示例代码
2019/06/13 Python
python如何实现数据的线性拟合
2019/07/19 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
简单的Python人脸识别系统
2020/07/14 Python
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
卖房协议书
2014/04/11 职场文书
成绩单家长评语大全
2014/04/16 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
社区党务工作总结2015
2015/05/19 职场文书
2016先进工作者事迹材料
2016/02/25 职场文书
2016年小学优秀班主任事迹材料
2016/02/29 职场文书
高三英语教学反思
2016/03/03 职场文书
python 爬取华为应用市场评论
2021/05/29 Python
使用canvas对video视频某一刻截图功能
2021/09/25 HTML / CSS