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实现屏幕自适应局部代码分享
Jan 30 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
判断是否存在子节点的实现代码
May 18 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
详解使用路由延迟加载 Angular 模块
Oct 12 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
GOJS+VUE实现流程图效果
Dec 01 Javascript
详解vue 图片上传功能
Apr 30 Javascript
原生JS实现列表内容自动向上滚动效果
May 22 Javascript
解决Layui中templet中a的onclick参数传递的问题
Sep 20 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
JavaScript原型链中函数和对象的理解
Jun 16 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
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
CodeIgniter开发实现支付宝接口调用的方法示例
2016/11/14 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
Jquery阻止事件冒泡 event.stopPropagation
2011/12/11 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
javascript在IE下trim函数无法使用的解决方法
2014/09/12 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
2014/11/28 Javascript
原生Js实现简易烟花爆炸效果的方法
2015/03/20 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
Node.js connect ECONNREFUSED错误解决办法
2016/09/15 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
使用node.js实现微信小程序实时聊天功能
2018/08/13 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
vue中如何去掉空格的方法实现
2018/11/09 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
基于Express框架使用POST传递Form数据
2019/08/10 Javascript
JS控制GIF图片的停止与显示
2019/10/24 Javascript
基于javascript原生判断DOM是否加载完毕
2020/10/14 Javascript
详解Python中find()方法的使用
2015/05/18 Python
Python编写一个闹钟功能
2017/07/11 Python
解决python大批量读写.doc文件的问题
2018/05/08 Python
Python数据类型之List列表实例详解
2019/05/08 Python
pytorch中tensor张量数据类型的转化方式
2019/12/31 Python
解决Keras中Embedding层masking与Concatenate层不可调和的问题
2020/06/18 Python
金讯Java笔试题目
2013/06/18 面试题
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
公司总经理工作职责管理办法
2014/02/28 职场文书
年度考核自我鉴定
2014/03/19 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
主持人开幕词
2015/01/29 职场文书
上甘岭观后感
2015/06/10 职场文书
和谐拯救危机观后感
2015/06/15 职场文书
Python绘制分类图的方法
2021/04/20 Python
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技
Python测试框架pytest高阶用法全面详解
2022/06/01 Python