JavaScript获取select中text值的方法

 更新时间:2017年02月13日 10:55:24   作者:风起从容  
这篇文章主要介绍了JavaScript获取select中text值的方法,涉及javascript针对HTML页面元素相关判断与获取操作技巧,需要的朋友可以参考下

本文实例讲述了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事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • javascript简单比较日期大小的方法

    javascript简单比较日期大小的方法

    这篇文章主要介绍了javascript简单比较日期大小的方法,涉及JavaScript针对日期的转换与判定操作技巧,需要的朋友可以参考下
    2016-01-01
  • 微信小程序出现wx.navigateTo页面不跳转问题的解决方法

    微信小程序出现wx.navigateTo页面不跳转问题的解决方法

    这篇文章主要介绍了微信小程序出现wx.navigateTo页面不跳转问题的解决方法,简单分析了微信小程序出现wx.navigateTo页面不跳转情况的原因及相应的解决方法,需要的朋友可以参考下
    2017-12-12
  • 深入理解JavaScript中async/await的错误处理方式

    深入理解JavaScript中async/await的错误处理方式

    在现代JavaScript开发中,异步编程是不可或缺的一部分,async和await是一种强大的异步编程工具,它们使得编写和维护异步代码更加容易和清晰,然而,异步操作仍然可能会出现错误,本文将深入探讨async和await的错误处理方式,提供详细的代码示例和解释
    2023-09-09
  • 谈谈JavaScript中function多重理解

    谈谈JavaScript中function多重理解

    Function是javascript里最常用的一个概念,javascript里的function是最容易入手的一个功能,但它也是javascript最难理解最难掌握的一个概念,接下来通过本篇文章给大家介绍javascript中的function多重理解,小伙伴们一起来学习吧
    2015-08-08
  • 通过DOM脚本去设置样式信息

    通过DOM脚本去设置样式信息

    在大多数场合,我们都用CSS去设置样式,但在某些特殊情况下,例如要根据元素在节点树里的位置来设置节点样式信息时,目前CSS还没办法做到这一点。但利用DOM就可以很轻易的完成。
    2010-09-09
  • 动态修改DOM 里面的 id 属性的弊端分析

    动态修改DOM 里面的 id 属性的弊端分析

    我不知道是否有什么标准规定不允许修改id属性,或者不建议修改id属性,总之IE对此支持不佳。
    2008-09-09
  • js简单实现Select互换数据的方法

    js简单实现Select互换数据的方法

    这篇文章主要介绍了js简单实现Select互换数据的方法,涉及javascript动态操作select中option节点的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JavaScript异步上传图片文件的实例代码

    JavaScript异步上传图片文件的实例代码

    本文通过实例代码给大家介绍了js异步上传图片文件的方法,包括html和jquery代码,需要的的朋友参考下吧
    2017-07-07
  • Javascript变量作用域详解

    Javascript变量作用域详解

    这篇文章主要是对Javascript变量作用域进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • JavaScript驾驭网页-获取网页元素

    JavaScript驾驭网页-获取网页元素

    这篇文章主要介绍了JavaScript驾驭网页-获取网页元素的相关资料,需要的朋友可以参考下
    2016-03-03

最新评论