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模拟弹出效果代码修正版
Aug 07 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
SyntaxHighlighter 3.0.83使用笔记
Jan 26 Javascript
JS设置cookie、读取cookie、删除cookie
Apr 17 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
Sep 10 Javascript
JavaScript实现点击按钮切换网页背景色的方法
Oct 17 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
js单页hash路由原理与应用实战详解
Aug 14 Javascript
node实现定时发送邮件的示例代码
Aug 26 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 Javascript
vue 实现图片懒加载功能
Dec 31 Vue.js
jenkins自动构建发布vue项目的方法步骤
Jan 04 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 expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
PHP小教程之实现链表
2014/06/09 PHP
PHP常用编译参数中文说明
2014/09/27 PHP
PHP循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
ThinkPHP模板输出display用法分析
2014/11/26 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
php回调函数处理数组操作示例
2020/04/13 PHP
javascript之ESC(第二类混淆)
2007/05/06 Javascript
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
基于jquery的二级联动菜单实现代码
2011/04/25 Javascript
JavaScript面向对象(极简主义法minimalist approach)
2012/07/17 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
第二章之Bootstrap 页面排版样式
2016/04/25 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
react.js CMS 删除功能的实现方法
2017/04/17 Javascript
关于angular js_$watch监控属性和对象详解
2017/04/24 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
2017/08/06 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
Angular 4中如何显示内容的CSS样式示例代码
2017/11/06 Javascript
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
Python面向对象编程中关于类和方法的学习笔记
2016/06/30 Python
PyQt5基本控件使用详解:单选按钮、复选框、下拉框
2019/08/05 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
NEW LOOK官网:英国时装零售巨头之一,快时尚品牌
2017/01/11 全球购物
美国销售第一的智能手机和平板电脑保护壳:OtterBox
2017/12/21 全球购物
全球知名的珠宝首饰品牌:Kay Jewelers
2018/02/11 全球购物
Foot Locker英国官网:美国知名运动产品零售商
2019/02/21 全球购物
奥地利领先的在线药房:SHOP APOTHEKE
2019/10/07 全球购物
电子信息专业学生自荐信
2013/11/09 职场文书
《美丽的小兴安岭》教学反思
2014/02/26 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书