两个select的数据移动,支持IE,ff,google浏览器
来源:互联网 发布:红警2网络打不开 xp 编辑:程序博客网 时间:2024/05/02 16:37
<html>
<head>
<script src="jquery.js" ></script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="400px">
<tbody>
<tr>
<td colspan="3" align="left" valign="middle" height="30"></td>
</tr>
<tr>
<td align="left" valign="middle" width="145"><select query="getContentList" multiple="multiple" class="shareSelect" size="6" style="width: 150px;" name="shareLeftContent" id="shareLeftContent">
<option value="98734331090313023147">jack2</option>
</select>
</td>
<td width="32"><p>
<input id="shareMoveLeft" type="button" value="左移"/>
<input id="shareMoveRight" type="button" value="右移"/>
</p></td>
<td align="right" valign="middle" width="145"><select name="shareRightContent" size="6" class="shareSelect" style="width: 150px;" multiple="MULTIPLE" id="shareRightContent">
</select></td>
</tr>
<tr>
<td align="left" valign="middle" height="20"><span><a href="#" id="shareSeleLeft" class="commonBlue">全选</a></span><span><a href="#" id="shareunSeleLeft" class="commonBlue">反选</a></span></td>
<td> </td>
<td align="left"><span><a href="#" id="shareSeleRight" class="commonBlue">全选</a></span><span><a href="#" id="shareunSeleRight" class="commonBlue">反选</a></span></td>
</tr>
<tr>
<td colspan="3" align="center" valign="middle" height="30"><input onClick="sendMsgSubmit()" class="recomBtn" value="推 荐 " type="button"></td>
</tr>
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function(){
//右移
$("#shareMoveRight").click(function(){
var leftSeleObj = document.getElementById("shareLeftContent");
var rightSeleObj = document.getElementById("shareRightContent");
for(var i =leftSeleObj.length-1;i>=0;i--)
{
if(leftSeleObj.options[i].selected)
{
if ($.browser.msie) {
rightSeleObj.options[rightSeleObj.options.length]=new Option(leftSeleObj.options[i].text,leftSeleObj.options[i].value);
leftSeleObj.options.remove(i);
}else
{
rightSeleObj.options.add(leftSeleObj.options[i]);
}
}
}
});
//左移
$("#shareMoveLeft").click(function(){
var leftSeleObj = document.getElementById("shareLeftContent");
var rightSeleObj = document.getElementById("shareRightContent");
for(var i =rightSeleObj.length-1;i>=0;i--)
{
if(rightSeleObj.options[i].selected)
{
if ($.browser.msie) {
leftSeleObj.options[rightSeleObj.options.length]=new Option(rightSeleObj.options[i].text,rightSeleObj.options[i].value);
rightSeleObj.options.remove(i);
}else
{
leftSeleObj.options.add(rightSeleObj.options[i]);
}
}
}
});
//左边全选
$("#shareSeleLeft").click(function(){
var leftSeleObj = document.getElementById("shareLeftContent");
for(var i =0;i<leftSeleObj.length;i++)
{
leftSeleObj.options[i].selected=true;
}
});
//左边反选
$("#shareunSeleLeft").click(function(){
var leftSeleObj = document.getElementById("shareLeftContent");
for(var i =0;i<leftSeleObj.length;i++)
{
leftSeleObj.options[i].selected=!leftSeleObj.options[i].selected;
}
});
//右边全选
$("#shareSeleRight").click(function(){
var rightSeleObj = document.getElementById("shareRightContent");
for(var i =0;i<rightSeleObj.length;i++)
{
rightSeleObj.options[i].selected=true;
}
});
//右边反选
$("#shareunSeleRight").click(function(){
var rightSeleObj = document.getElementById("shareRightContent");
for(var i =0;i<rightSeleObj.length;i++)
{
rightSeleObj.options[i].selected=!rightSeleObj.options[i].selected;
}
});
});
</script>
</body>
</html>
- 两个select的数据移动,支持IE,ff,google浏览器
- js复制数据IE,FF..浏览器兼容
- 仿265层移动上移、下移,支持IE、FF
- 获取浏览器版本(支持IE/FF/OP/SF/CHROME/NS)
- struts2文档下载支持Chrome safari FF IE Opera浏览器
- IE和FF浏览器的默认样式
- FF,IE浏览器的居中问题
- jquery在IE,FF浏览器的差别
- IE和FF浏览器的区别
- 支持ASPNET1.0/2.0的上传组件,支持FF/IE
- input, select 的宽与高怎么兼容IE、FF
- Select 可编辑 - 完美支持各大主流浏览器 最近做项目有个select可编辑的需求,一时棘手,网上找了很多解决方案都不完美,没办法自己写了一个,经测试IE,FF,chrome都支持。特此拿出来
- 浏览器兼容问题 ie FF 谷歌
- 兼容 ie,ff,Google,safari,opera 的回车事件
- 兼容IE,FF,Google的回车键触发事件
- js操作iframe的div移动 | 兼容FF+IE
- 一个简单的日期选择框(支持IE,FF,Opera)
- 通用的加入收藏夹代码,可以支持FF,IE,OP
- 中文搜索引擎提交大全
- 系统程序员成长计划-写得又快又好的秘诀(三)
- 关于二维数组和二维指针的相关问题
- 在MS-SQL2000中模拟窗口函数ROW_NUMBER()
- 智能手机系统Windows mobile和Symbian的选择
- 两个select的数据移动,支持IE,ff,google浏览器
- 静态类概念
- 人生三件事不能等
- 大中文博客搜索引擎提交
- 细品RibbonX(2):认识Office的新界面—功能区(Ribbon)
- 清除jsp页面缓存
- 影响网站在Google排名的一些问题
- MSSQL2005下的分页显示查询
- 刻录光盘的源代码研究