JavaScript获取select中text值的方法
本文实例讲述了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程序设计有所帮助。
相关推荐
-
AngularJS service之select下拉菜单效果
本文实例为大家分享了service之select下拉菜单效果的具体代码,供大家参考,具体内容如下 <!-- $watch:持续监听数据上的变化,更新界面 --> <!DOCTYPE html> <html lang="en" ng-app="myApp" ng-controller="myCtrl"> <head> <meta charset="utf-8"> <
-
Javascript操作dom对象之select全面解析
html代码: <select id="university"> <option value="北京大学">北京大学</option> <option value="清华大学">清华大学</option> <option value="北京电影学院">北京电影学院</option> </select> js原生操作 1.获取sele
-
JavaScript实现两个select下拉框选项左移右移
今天没事用js写了一个用两个select下拉框之间能互相移动元素的小程序,刚刚才开始学javascript还有很多优化的地方. Javascript代码 <script type="text/javascript"> /**选中的元素向右移动**/ function moveRight() { //得到第一个select对象 var selectElement = document.getElementById("first"); var optionE
-
JavaScript实现的select点菜功能示例
本文实例讲述了JavaScript实现的select点菜功能.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>点菜</title> <style type="text/css"> select{ width:120px; } &l
-
javascript 中select框触发事件过程的分析
javascript 中select框触发事件过程的分析 我们书写了mousedown,mouseup,click,input,change,focus,blur,keydowm,keydown事件绑定到了select上面,模拟客户选择相关事件的触发流程: 最后发现,触发的过程基本上一样,如果没有选择或者选择的是当前显示的option的话,不会触发change事件,只有在选择不同的option时候才会触发change事件.下面是选择了不同的option后触发事件的截图: 我们可以发现,做出改变了
-
JavaScript实现向select下拉框中添加和删除元素的方法
本文实例讲述了JavaScript实现向select下拉框中添加和删除元素的方法.分享给大家供大家参考,具体如下: 1.说明 a. 利用append()方法向下拉框中添加元素 b. 利用remove()方法移除下拉框中最后一个元素 2.实例源码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
-
JavaScript获取select中text值的方法
本文实例讲述了JavaScript获取select中text值的方法.分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: <select name="parent_id" onchange="setTitleAndLinkByGoodsCategory(this.value,this.options[this.selectedIndex].text);" > <option value="0">请选择商品分类
-
JS获取Table中td值的方法
本文实例讲述了JS获取Table中td值的方法.分享给大家供大家参考.具体如下: 1.当要获取多行中的任意TD时,采用给每个TD设置一个共同的class 复制代码 代码如下: <tr> <td style="display: none" id="td2">002</td> <td style="text-align: left;text-decoration:underline;" i
-
JavaScript获取ul中li个数的方法
本文实例讲述了JavaScript获取ul中li个数的方法.分享给大家供大家参考,具体如下: 有这样一段HTML代码: <ul id="mycarousel"> <li><img src=01_MED.jpg height=80 width=100/></li> <li><img src=02_MED.jpg height=80 width=100/></li> <li><img sr
-
JavaScript获取页面中超链接数量的方法
本文实例讲述了JavaScript获取页面中超链接数量的方法.分享给大家供大家参考,具体如下: 这里演示JavaScript取得页面的超链接数,感兴趣的朋友可以学习借鉴一下. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-total-link-num-codes/ 具体代码如下: <html> <head> <title>JavaScript取得页面的超链接数</title> <script l
-
PHP获取数组中单列值的方法
本文实例讲述了PHP获取数组中单列值的方法.分享给大家供大家参考,具体如下: PHP中获取数组中单列的值如下: 利用PHP中的数组函数 array_column():返回数组中某个单列的值.(PHP 5.5+适用) 语法: array_column(array,column_key,index_key); 参数: array : 必需,规定必须为多维数组: column_key : 必需,需要返回的值的键名:可以是索引数组的列的整数索引,或者是关联数组的列的字符串键值.该参数也可以是 NULL,
-
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
JavaScript获取Select当前值写法:var value = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value;var text = document.getElementById("select").options[document.getElementById("s
-
原生javascript获取元素样式属性值的方法
所以, 我们得利用IE的currentStyle和W3C的getPropertyValue获取. elem.style.attr获取样式的方法就不说了. 先来看currentStyle方法, 此对象ie专属, 代表了在全局样式表.内嵌样式和 HTML 标签属性中指定的对象格式和样式. IE下通过它, 就可以获取元素的Css属性值. 而针对其他标准浏览器, W3C也提供了一个方法getPropertyValue, 此方法, 稍有点复杂, 首先要通过document.defaultView.getC
-
JavaScript获取URL中参数querystring的方法详解
一. 获取url的querystring参数 获取url的querystring参数的两种方法如下: 1.1 方法一:正则匹配 //获取url中的参数 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", i); // 匹配目标参数 var result = window.location.search.substr(1).
-
JS中获取数据库中的值的方法
实施过程如下: 1.引用Ajax.dll 2.在App_Code写具体的方法,最好单独建立一个类文件,然后写具体方法. 复制代码 代码如下: public class AjaxMethod www.jb51.net{ public AjaxMethod() { // //TODO: 在此处添加构造函数逻辑 // } [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirem
-
javascript获取select值的方法分析
本文实例讲述了javascript获取select值的方法.分享给大家供大家参考.具体分析如下: 1. 获取显示的汉字 复制代码 代码如下: document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text 2. 获取数据库中的id 复制代码 代码如下: window.document.getElementById(&q
随机推荐
- secedit.exe本地安全策略命令使用方法
- 基于jQuery实现的菜单切换效果
- 解决Windows 7下安装Oracle 11g相关问题的方法
- CentOS 5.X xen虚拟机的安装配置及基本使用
- JavaScript之AOP编程实例
- Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
- Thinkphp将二维数组变为标签适用的一维数组方法总结
- Asp.net 文本框全选的实现
- php使用curl发送json格式数据实例
- 用asp实现网页邮箱访问的方法
- thinkPHP5.0框架独立配置与动态配置方法
- php utf-8转unicode的函数第1/2页
- 解决Extjs下拉框不显示的问题
- ASP.NET Web应用程序的安全解决方案浅析
- SyntaxHighlighter 语法高亮插件的使用教程
- 解析ajaxFileUpload 异步上传文件简单使用
- Java将文件分割为多个子文件再将子文件合并成原始文件的示例
- js微信分享API
- TIOBE编程语言排行榜前20的语言入门书籍推荐
- springMVC拦截器HandlerInterceptor用法代码示例