- 浏览: 656242 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (173)
- ajax (4)
- ant (4)
- css (14)
- eclipse (1)
- exe4j (0)
- hibernate (7)
- html (29)
- http (2)
- install4j (0)
- java (35)
- javascript (31)
- jdbc (1)
- jquery (2)
- jsp (15)
- linux命令 (8)
- ooad (2)
- properties (3)
- servlet (1)
- spring (3)
- struts (6)
- swing (4)
- thread (2)
- version_control (1)
- webservice (4)
- xml (4)
- 数据库 (19)
- 正则表达式 (5)
- 其他 (16)
- 面试题 (1)
- 框架 (9)
- maven (1)
- util (29)
- 设计模式 (1)
最新评论
-
herodie4444:
看起来好像不难。
Java Struts2创建Excel文件并实现文件下载 -
心轨翼:
Java遍历Set集合方法 -
魔鬼的献祭:
...
java的web开发分页工具类 -
Nmxszxsl:
能发一个没有被墙的代码到我的邮箱吗?万分感谢。54365156 ...
Google翻译post提交无长度限制的在线翻译例子 -
782763595:
...
jar包混淆器介绍
一、获取下拉列表选中项的值和文本(select)
代码 select.htm 示例如下:
<html> <head><title>获取下拉列表选中项的值和文本(select)</title></head> <body> <script> //获取下拉列表选中项的文本 function getSelectedText(name){ var obj=document.getElementById(name); for(i=0;i<obj.length;i++){ if(obj[i].selected==true){ return obj[i].innerText; //关键是通过option对象的innerText属性获取到选项文本 } } } //获取下拉列表选中项的值 function getSelectedValue(name){ var obj=document.getElementById(name); return obj.value; //如此简单,直接用其对象的value属性便可获取到 } </script> <select id="myselect"> <option value="fist">1</option> <option value="second">2</option> <option value="third">3</option> </select> <input type="button" value="所选文本" onclick="alert(getSelectedText('myselect'));" /> <input type="button" value="所选值" onclick="alert( getSelectedValue('myselect'));" /> </body> </html> ============================================================================= 二、获取单选按钮(radio)组的值和修改选中项 看到很多帖子里说js获取单选按钮(radio)组的值可以直接用document.getElementById("oper").value,虽然跟单选按钮组一样的下拉列表(也是列表项的数组)也是一个数组,用这种方式可以获到下拉列表的值,但是单选按钮组却获不到所选的值。仔细研究了下,总结如下: 与下拉列表不同,单选按钮须用this.form.oper或者document.getElementsByName('oper')方式获取该数组对象,document.getElementById('oper')不能获取该数组对象(select可以)。而且要获取值须通过一循环判断获取,不能直接用.value(select可以)。而要改变单选按钮组的选中项,也须用循环判断改变各个单选按钮的value。 测试代码radio.html 如下: ============================================================================= <html> <head></head> <script language="javascript"> //求单选按纽的值,适用单选项及多选项。未选返回false;有选择项,返回选项值。 function getRadio(oRadio){ var oRadioLength= oRadio.length; var oRadioValue = false; //alert("oRadioLength:["+oRadioLength+"]"); if (oRadioLength== undefined){ if (oRadio.checked){ oRadioValue = oRadio.value; } }else{ for (i=0;i<oRadioLength;i++){ //alert("oRadio["+i+"]:"+oRadio[i].checked+"/"+oRadio[i].value); if (oRadio[i].checked){ oRadioValue = oRadio[i].value; break; } } } return oRadioValue; } //方法改进: //求单选按纽的值,传radio名字作为参数。未选返回false;有选择项,返回选项值。 function getRadioValue(name){ var radioes = document.getElementsByName(name); for(var i=0;i<radioes.length;i++) { if(radioes[i].checked){ return radioes[i].value; } } return false; } //通过值修改所选中的单选按钮 function changeRadio(oRadio,oRadioValue){ //传入一个对象 for(var i=0;i<oRadio.length;i++) //循环 { if(oRadio[i].value==oRadioValue) //比较值 { oRadio[i].checked=true; //修改选中状态 break; //停止循环 } } } //改进: //通过值修改所选中的单选按钮 function setRadio(name,sRadioValue){ //传入radio的name和选中项的值 var oRadio = document.getElementsByName(name); for(var i=0;i<oRadio.length;i++) //循环 { if(oRadio[i].value==sRadioValue) //比较值 { oRadio[i].checked=true; //修改选中状态 break; //停止循环 } } } </script> <body> <form name="frm"> <input type="radio" name="oper" value="agree" >同意</td> <input type="radio" name="oper" value="downchange" checked>下发修改</td> <input type="radio" name="oper" value="refuse">拒保</td> <input type="radio" name="oper" value="report" >上报 </td> <br> alert('result:'+getRadio(this.form.oper)) <input type="button" name="test1" value="按钮1" onclick="alert('result:'+getRadio(this.form.oper));"> <br> alert('result:'+getRadio(document.getElementById('oper'))) <input type="button" name="test2" value="按钮2" onclick="alert('result:'+getRadio(document.getElementById('oper')));"> <br> alert(this.form.oper.value) <input type="button" name="test3" value="按钮3" onclick="alert(this.form.oper.value);"> <br> changeRadio(this.form.oper,"上报") <input type="button" name="test4" value="按钮4" onclick="changeRadio(this.form.oper,'report');"> <br><br><br><br> <select id="slt"> <option value="agree" >同意</option> <option value="downchange" selected>下发修改</option> <option value="refuse">拒保</option> <option value="report">上报</option> </select> <br> alert(this.form.slt.value) <input type="button" name="test5" value="按钮5" onclick="alert(this.form.slt.value);"> <br> document.getElementById('slt')[2].innerText) <input type="button" name="test6" value="按钮6" onclick="alert(document.getElementById('slt')[2].innerText);"> </form> </body>
原文地址:
http://www.cnblogs.com/raymond19840709/archive/2008/02/14/1068634.html
发表评论
-
JS前端DES加密参数
2016-07-08 14:27 11643DES加密为可解密的机制,这里使用DES进行加密方便后台解密还 ... -
转 js中数据类型判断(转)
2012-11-05 11:07 1104转载自: http://www.cnblogs.com/yjh ... -
包含日期和时间的选择器(转)
2012-09-27 16:11 1024转载自: http://www.cnblogs.com/swe ... -
jsp通用分页实现脚本
2012-09-26 17:12 1660工具脚本使用时只需替换url的问号前半部分即可。 此页面需要j ... -
Java过滤html标签
2012-09-21 09:54 1746方法一: String oldStr="< ... -
Web项目设置页面不缓存
2012-08-04 19:55 2795htm网页 <meta http-equiv=&qu ... -
使用Filter实现访问监控
2012-07-15 21:40 1468实现Servlet的接口过滤器接口Filter实现对用户访问页 ... -
Properties配置文件读取工具类
2012-05-17 15:33 2578配置文件必须放在src目录下。 import java.i ... -
JS动态创建表格(转)
2012-01-06 18:40 1136目标:生成一个2000*5的表格,每个单元格的内容是行号+逗号 ... -
ajax请求带中文url的参数转码解码
2011-12-13 10:56 3690js提交ajax请求,默认编码方式是ISO-8859-1,此编 ... -
CSS模块化设计——从空格谈起
2011-12-06 12:00 959引子: 今天在蓝点看 ... -
html框架页面文档声明
2011-12-06 10:55 2125通俗地讲,文档类型声明(Document Type Decl ... -
本地、远程图片上传预览
2011-11-24 11:00 1848本地、远程图片上传预览,带文件类型检查等功能,更多功能等待仔细 ... -
图片上传预览
2011-11-23 18:31 1359支持IE和FireFox,动态添加图片。 <!DOC ... -
修改 input file 的按钮值
2011-11-23 14:32 3836在网页中修改头像功能时需要把文件框给隐藏掉,网上找到如下方法解 ... -
Struts2中表单与Action传递数据三种方式(转)
2011-11-18 09:51 17561.Action中的属性与表单中的属性一致就可以 JSP ... -
HTML4和HTML5之间的10个主要不同
2011-11-17 13:04 808cnbeta.com上看到的文章, ... -
浏览器对js支持的差异
2011-11-16 17:31 918document.all firefox不支持,IE支持 -
键盘与ASCII对应值
2011-11-16 11:35 1195还未进行仔细编辑,待有空编辑成表格展示。 ASCII 表 及 ... -
表格测试
2011-11-16 11:27 841abccde
相关推荐
这是javascript获取下拉菜单选中的值和文本的技术文档
主要介绍了js实现下拉列表选中某个值的方法,涉及JavaScript针对select下拉列表选择操作的相关技巧,需要的朋友可以参考下
el-select获取选中的label值
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
不会使用jQuery的后台真心伤不起,获取select下拉列表的值都让我搞了好一阵,然而并没有结束,恢复选中状态也是花了我半个小时。 这里先记一下省的以后会忘了。 获取jQuery中select下拉列表中的lang属性值: ...
js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效
js模拟点击select下拉菜单列表代码 js模拟点击select下拉菜单列表代码 js模拟点击select下拉菜单列表代码 js模拟点击select下拉菜单列表代码
用alert()方法显示选中的值 var prov=$("#selProvince option:selected"); var city=$("#selCity option:selected"); var dist=$("#selDistrict option:selected"); alert("省:"+prov.text()+"市:"+...
一、select监听 1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分...
比如,在使用DWR的时候,如果你想传递下拉框的参数到后台的话,此时就需要先获取到下拉框的值了。 其实想要获取到下拉框的值是很简单的。 最关键的一段代码就是: 代码如下: onchange=”show(this.options[this....
js函数方法: 代码如下: [removed] function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ”), opts; try { opts = document.getElementById(selectId)....
代码如下: var obj = document.getElementByIdx_x(”testSelect... // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/
NULL 博文链接:https://heisetoufa.iteye.com/blog/356950
//得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 }); 获取自定义属性 data.elem.getAttribute("data-id") 例子:取得ID名称 form.on('select', function(data){ //console.log(data.elem);...
javascript 获取select ->option中id、value、label属性及<option></option>中内容
近日碰到一个问题,就是需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,例如下面的HTML代码: 代码如下: <select onchange=”isSelected(this.value);” id=”city”> ”1″>北京</option> ...
jquery select 选中值设置左右select选择互换 jquery select 选中值设置左右select选择互换
bootstrap-select下拉选择搜索框,可以多选和单选,用法非常简单,样式美观,项目中经常会使用到,特别选项过多的时候,欢迎大家下载使用
NULL 博文链接:https://fukaijian.iteye.com/blog/1871190