- 浏览: 275551 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
u012934942:
博主我能转载您此篇文章吗?我会署上您的博客地址
quartz的触发器CronTriggerBean 配置 -
wentong0118:
多谢楼主
dom4j创建、解析XML jar包提供下载 -
wangyonglin1123:
非常不错
quartz的触发器CronTriggerBean 配置 -
956699:
请问连接局域网中电脑密码带有@字符怎么办?
基于SMB/JCIFS协议的共享文件上传和下载 -
guoranaccp:
帅
dom4j创建、解析XML jar包提供下载
转自:http://hi.baidu.com/wenliang86/blog/item/fae6e3ea4ec60ac0d539c90b.html
获取显示的汉字 document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text 获取数据库中的id window.document.getElementById("bigclass").value 获取select组分配的索引id window.document.getElementById("bigclass").selectedIndex 例子: <select name="bigclass" id="bigclass" onChange="javascript:updatePage2();"> <option value="" selected="selected">ajax实验</option> <option value="4">我适宜市哈</option> </select> 使用 document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text 的结果是:我适宜市哈 使用 window.document.getElementById("bigclass").value 的结果是:4 使用 window.document.getElementById("bigclass").selectedIndex 的结果是:1 一、新增一个option var sel=document.getElementById("select的id"); var op=document.createElement_x("option"); op.value=值; op.text=显示文本; sel.add(op); 二、删除一个option var sel=document.getElementById("typelist"); if(sel.selectedIndex==-1) alert("请选中要删除的项!"); for(var i=0;i<sel.options.length;i++){ if(sel.options[i].selected){ sel.options.remove(i); break; } } 三、清空select的所有option var citySel=document.getElementById("select的id"); citySel.options.length=0; 四、获得选中项的值 var citySel=document.getElementById("select的id"); var selectedValue=citySel.value; 五、获得当前选中项的索引 var selectedIndex=document.all.objSelect.selectedIndex; 六、设置select的当前选中项 方法1(单个select): document.getElementById("products_type_id").selectedIndex=1; 方法2(级联select如省市级联): var province_sel=document.getElementById("province");//获得省select var city_sel=document.getElementById("city");//获得市select for(var i=0;i<province_sel.options.length;i++){ if(province_sel.options[i].value=="从数据库获取的省的值"){ province_sel.options[i].selected=true; break; } } initCity("从数据库获取的省的值");//初始化市select for(var i=0;i<city_sel.options.length;i++){ if(city_sel.options[i].value=="${city}"){ city_sel.options[i].selected=true; break; } } 七、创建select动态设置选中项 var sel=document.getElementById("other_state"); var sel_val=document.getElementById("other_media_id").innerHTML; for(var obj in data){ var id=data[obj]["other_media_id"]; var name=data[obj]["other_media_name"]; var op=document.createElement_x("option"); op.setAttribute("value",id); op.appendChild(document.createTextNode(name)); if(id==sel_val){ op.setAttribute("selected","true"); } sel.appendChild(op); } 1、向Select里添加Option function fnAddItem(text,value) { var selTarget = document.getElementById("selID"); selTarget.Add(new Option("text","value")); } 2、删除Select里的Option function fnRemoveItem() { var selTarget = document.getElementById("selID"); if(selTarget.selectedIndex > -1) {//说明选中 for(var i=0;i<selTarget.options.length;i++) { if(selTarget.options[i].selected) { selTarget.remove(i); i = i - 1;//注意这一行 } } } } 3、移动Select里的Option到另一个Select中 function fnMove(fromSelectID,toSelectID) { var from = document.getElementById(fromSelectID); var to = document.getElementById(toSelectID); for(var i=0;i<from.options.length;i++) { if(from.options[i].selected) { to.appendChild(from.options[i]); i = i - 1; } } } if 里的代码也可用下面几句代码代替 var op = from.options[i]; to.options.add(new Option(op.text, op.value)); from.remove(i); 4、Select里Option的上下移动 function fnUp() { var sel = document.getElementById("selID"); for(var i=1; i < sel.length; i++) {//最上面的一个不需要移动,所以直接从i=1开始 if(sel.options[i].selected) { if(!sel.options.item(i-1).selected) {//上面的一项没选中,上下交换 var selText = sel.options[i].text; var selValue = sel.options[i].value; sel.options[i].text = sel.options[i-1].text; sel.options[i].value = sel.options[i-1].value; sel.options[i].selected = false; sel.options[i-1].text = selText; sel.options[i-1].value = selValue; sel.options[i-1].selected=true; } } } } 在进行上下两项互换时,也可以使用以下代码,但是效率很低,因为每一次的Dom操作都将导致整个页面的重新布局,所以不如直接修改元素的属性值。 var oOption = sel.options[i] var oPrevOption = sel.options[i-1] sel.insertBefore(oOption,oPrevOption); 向下移动同理 function fnDown() { var sel = fnGetTarget("selLeftOrRight"); for(var i=sel.length -2; i >= 0; i--) {//向下移动,最后一个不需要处理,所以直接从倒数第二个开始 if(sel.options.item(i).selected) { if(!sel.options.item(i+1).selected) {//下面的Option没选中,上下互换 var selText = sel.options.item(i).text; var selValue = sel.options.item(i).value; sel.options.item(i).text = sel.options.item(i+1).text; sel.options.item(i).value = sel.options.item(i+1).value; sel.options.item(i).selected = false; sel.options.item(i+1).text = selText; sel.options.item(i+1).value = selValue; sel.options.item(i+1).selected=true; } } } } 5、Select里Option的排序 这里借助Array对象的sort方法进行操作,sort方法接受一个function参数,可以在这个function里定义排序时使用的算法逻辑。 array.sort([compareFunction]) 里compareFunction接受两个参数(p1,p2),sort操作进行时,array对象会每次传两个值进去,进行比较;compareFunciton必须返回一个整数值:当返回值>0时,p1会排在p2后面;返回值<0时,p1会排在p2前面;返回值=0时,不进行操作。 例如: function fnCompare(a,b) { if (a < b) return -1; if (a > b) return 1; return 0; } var arr = new Array(); //add some value into arr arr.sort(fnCompare); //这里sort的操作结果就是arr里的项按由小到大的升序排序 //如果把fnCompare里改为 //if (a < b) // return 1; //if (a > b) // return -1; //return 0; //则sort的结果是降序排列 好,下面就是对Select里Option的排序 //因为排序可以按Option的Value排序,也可以按Text排序,这里只演示按Value排序 function sortItem() { var sel = document.getElementById("selID"); var selLength = sel.options.length; var arr = new Array(); var arrLength; //将所有Option放入array for(var i=0;i<selLength;i++) { arr[i] = sel.options[i]; } arrLength = arr.length; arr.sort(fnSortByValue);//排序 //先将原先的Option删除 while(selLength--) { sel.options[selLength] = null; } //将经过排序的Option放回Select中 for(i=0;i<arrLength;i++) { sel.add(new Option(arr[i].text,arr[i].value)); } } function fnSortByValue(a,b) { var aComp = a.value.toString(); var bComp = b.value.toString(); if (aComp < bComp) return -1; if (aComp > bComp) return 1; return 0; } 排序时还可以有更多选项,比如将value值看做Integer或是String进行排序,得到的结果是不一样的。
发表评论
-
HttpClient传送数据乱码解决
2012-06-05 11:17 1207PostMethod method = new PostMet ... -
静态块
2012-05-17 17:48 948public static final Map<Stri ... -
获取字符串CST 时间格式并转换成普通的时间格式
2012-05-14 16:11 2369//CST格式的字符串 String s = " ... -
JAVA中Map集合遍历的方法
2012-05-07 17:00 11421.声明一个map: Map map = new HashMa ... -
不同的单例模式
2012-03-16 14:57 1146一个简简单单的singleton ... -
quartz的触发器CronTriggerBean 配置
2012-03-13 17:21 33475一个Quartz的CronTrigger表 ... -
Excel转换成Xml
2012-02-29 16:45 5930JAR包: JDK1.6和jxl.jar 需求: EXCEL ... -
ant压缩,解压
2012-02-06 10:21 2110import java.io.File; impor ... -
sun.net.ftp.FtpClient的函数说明
2012-02-03 12:01 1358sun.net.ftp.FtpClient.,该类库主要提供了 ... -
sun.net.ftp.FtpClient 上传、下载简单实例
2012-02-03 11:49 3114sun.net.ftp.FtpClient 可以帮助我们进行一 ... -
Struts2拦截器控制session失效
2011-12-22 15:18 5080com.opensymphony.xwork2.inter ... -
用POI API操作Excel表格
2011-12-19 12:00 84881.首先要下载Jakarta POI, ... -
SWT读写文件,生成新文件
2011-12-19 11:30 1735通过FileDialog读写文件 FileDialog fd ... -
利用java操作Excel文件
2011-12-12 16:33 1058利用java操作Excel,有个开源的东东-jxl.jar,可 ... -
struts1的下载(转)
2011-12-12 16:14 935上个星期,要做一个利用struts1.x作文件下载功能的网页, ... -
解压zip文件
2011-11-04 09:53 597public class UnzipFile { ... -
IBATIS模糊查询语句的写法
2011-09-01 15:23 1303IBATIS的sql语句模糊查询的写法: 1,可以直接对li ... -
dom4j创建、解析XML jar包提供下载
2011-08-19 14:39 12823dom4j创建XML: //用dom4j生成xml文件 ... -
jstl无效解决办法
2011-08-10 18:25 2276使用JSTL标签库编写page,发现标签不起作用 使用JST ... -
java获取linux系统信息
2011-07-07 14:52 3015package com.cmmb.util; impor ...
相关推荐
Jquery获取Select标签的值
使用jq技术获取select值,同时给该option添加selected属性
el-select获取选中的label值
用alert()方法显示选中的值 var prov=$("#selProvince option:selected"); var city=$("#selCity option:selected"); var dist=$("#selDistrict option:selected"); alert("省:"+prov.text()+"市:"+...
//得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 }); 获取自定义属性 data.elem.getAttribute("data-id") 例子:取得ID名称 form.on('select', function(data){ //console.log(data.elem);...
jquery获得select option值
javascript 获取select ->option中id、value、label属性及<option></option>中内容
如何获取select下拉框的值: 1.下拉框的option没有value属性时 代码如下: <select id=”param1″> 学号</option> 姓名</option> 年龄</option> </seclect> [removed] [removed] = funciton(){ var param = ...
jQuery获取Select标签的手册 单选组radio: $("input[type=radio][checked]").val(); 下拉框select的value值: $('select').val(); 下拉框select选中的text 值:$("select").find("option:selected").text();
主要介绍了javascript获取select值的方法,实例分析了javascript获取select元素值的相关技巧,需要的朋友可以参考下
本文实例讲述了jquery获取select选中值的方法。分享给大家供大家参考,具体如下: 误区: 以前一直以为jquery获取select中option被选中的文本值,是这样写的: 复制代码 代码如下:$(“#s”).text(); //获取所有...
js函数方法: 代码如下: [removed] function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ”), opts; try { opts = document.getElementById(selectId)....
主要介绍了javascript获取select值的方法,结合完整实例形式分析了javascript动态遍历与操作页面元素相关实现技巧,需要的朋友可以参考下
不会使用jQuery的后台真心伤不起,获取select下拉列表的值都让我搞了好一阵,然而并没有结束,恢复选中状态也是花了我半个小时。 这里先记一下省的以后会忘了。 获取jQuery中select下拉列表中的lang属性值: ...
今天有个朋友问我如何使用asp.net获取select值,以为很简单的问题,结果发现自己也不知道于是搜索中发现了下面的这个不错的例子,在此与大家分享
本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: <select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this....
代码如下: var obj = document.getElementByIdx_x(”testSelect... // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/
实例如下所示: <select name=region[province] id= class=region valid> 省、直辖市 北京市 </select>...取得textarea的值 <textarea id='address'></textarea > $(#textare
本文实例讲述了JavaScript实现获取select下拉框中第一个值的方法。分享给大家供大家参考,具体如下: 1、说明 获取select下拉框中的第一个值 2、实现源码 <!DOCTYPE ...