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之小练习代码
Oct 12 Javascript
jQuery中:first选择器用法实例
Dec 30 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
May 19 Javascript
javascript 操作cookies详解及实例
Feb 22 Javascript
原生JS京东轮播图代码
Mar 22 Javascript
Vue异步组件使用详解
Apr 08 Javascript
jQuery正则验证注册页面经典实例
Jun 10 jQuery
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
AngularJS路由删除#符号解决的办法
Sep 28 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
JS操作json对象key、value的常用方法分析
Oct 29 Javascript
Vue使用screenfull实现全屏效果
Sep 17 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
西德产收音机
2021/03/01 无线电
利用yahoo汇率接口实现实时汇率转换示例 汇率转换器
2014/01/14 PHP
PHP中使用CURL模拟登录并获取数据实例
2014/07/01 PHP
CI框架中site_url()和base_url()的区别
2015/01/07 PHP
浅谈php中include文件变量作用域
2015/06/18 PHP
php post大量数据时发现数据丢失问题解决方法
2015/06/20 PHP
PHP实现查询两个数组中不同元素的方法
2016/02/23 PHP
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
2018/08/21 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
FCK调用方法..
2006/12/21 Javascript
AutoSave/自动存储功能实现
2007/03/24 Javascript
常用的javascript function代码
2008/05/23 Javascript
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
2015/08/26 Javascript
AngularJS directive返回对象属性详解
2016/03/28 Javascript
jQuery多个版本和其他js库冲突的解决方法
2016/08/11 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
构建大型 Vue.js 项目的10条建议(小结)
2019/11/14 Javascript
Element Input输入框的使用方法
2020/07/26 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
python正则表达式之对号入座篇
2018/07/24 Python
基于Python中的yield表达式介绍
2019/11/19 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
Pycharm中如何关掉python console
2020/10/27 Python
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
罗马尼亚购物网站:Vivantis.ro
2019/07/20 全球购物
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
4s客服专员岗位职责
2013/12/01 职场文书
土木工程专业推荐信
2014/02/19 职场文书
《云雀的心愿》教学反思
2014/02/25 职场文书
学校食堂食品安全承诺书
2015/04/29 职场文书
单位病假条范文
2015/08/17 职场文书