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 相关文章推荐
functional继承模式 摘自javascript:the good parts
Jun 20 Javascript
详解JS面向对象编程
Jan 24 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
Jan 25 Javascript
微信小程序 地图定位简单实例
Oct 14 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
VUE实现日历组件功能
Mar 13 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
微信小程序 蓝牙的实现实例代码
Jun 27 Javascript
vue router 跳转后回到顶部的实例
Aug 31 Javascript
Vue3.0结合bootstrap创建多页面应用
May 28 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
vue-cropper组件实现图片切割上传
May 27 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 巧用数组降低程序的时间复杂度
2010/01/01 PHP
php INI配置文件的解析实现分析
2011/01/04 PHP
php实现过滤UBB代码的类
2015/03/12 PHP
PHP中把有符号整型转换为无符号整型方法
2015/05/27 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
php中删除、清空session的方式总结
2015/10/09 PHP
PHP使用反射机制实现查找类和方法的所在位置
2016/04/22 PHP
PHP数组Key强制类型转换实现原理解析
2020/09/01 PHP
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
2015/09/04 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
Nodejs多站点切换Htpps协议详解及简单实例
2017/02/23 NodeJs
使用travis-ci如何持续部署node.js应用详解
2017/07/30 Javascript
微信小程序 转发功能的实现
2017/08/04 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
2019/05/01 Javascript
Vue基础学习之项目整合及优化
2019/06/02 Javascript
vue实现井字棋游戏
2020/09/29 Javascript
Python实现基于HTTP文件传输实例
2014/11/08 Python
基于Python如何使用AIML搭建聊天机器人
2016/01/27 Python
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
tensorflow: 查看 tensor详细数值方法
2018/06/13 Python
深入浅析Python2.x和3.x版本的主要区别
2018/11/30 Python
python中多个装饰器的调用顺序详解
2019/07/16 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
意大利男装网店:Vrients
2019/05/02 全球购物
电子专业推荐信范文
2013/11/18 职场文书
公司员工检讨书
2014/02/08 职场文书
公益广告宣传方案
2014/02/28 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
Nginx中break与last的区别详析
2021/03/31 Servers
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers
Nginx跨域问题解析与解决
2022/08/05 Servers