wanglihu
- 浏览: 908717 次
- 性别:
- 来自: 黑龙江
-
文章分类
- 全部博客 (209)
- struts1 (3)
- hibernate3 (19)
- java (13)
- spring2 (5)
- netBeans (1)
- eclipse (1)
- JSF (1)
- DIV+CSS篇章 (1)
- jFreeChart+Oracle之曲线，柱状及饼状图的实现 (1)
- JSF知识与技巧 (3)
- Oracle数据类型的介绍与比较 (2)
- J2EE (2)
- Ajax技术 (4)
- javaScript技术 (25)
- struts2 (16)
- C/C++程序设计 (1)
- oracle系统学习 (29)
- 算法分析 (0)
- Linux实践 (7)
- extjs开发经验 (13)
- flex开发总结 (1)
- FusionCharts总结 (0)
- 高级数据库总结 (0)
- SVG拓扑图开发总结 (0)
- CSS (1)
- CSS使用简介 (1)
- SVG (0)
- DOJO (0)
- Junit测试 (0)
- lucene (24)
- solr (6)
- tokyo tyrant 技术 (7)
- Html5 (1)
- 算法与数据结构 (0)
- 物联网相关技术学习 (0)
- UI设计 (1)
- webservice (0)
- Android (5)
- hibernate4 (3)
- solrcloud (0)
- dorado5 (0)
- dorado7 (0)
- elasticsearch (0)
- GWT (0)
- node.js (0)
- 并发编程 (1)
- 大数据 (1)
- 项目经验 (5)
最新评论
-
cs261244787：
楼主好人！ 平安
struts2,hibernate4,spring3配置时问题汇总及解决办法 -
wxluck666：
我也赞一个 很有用
struts2,hibernate4,spring3配置时问题汇总及解决办法 -
wxluck666：
我也赞一个 很有用
struts2,hibernate4,spring3配置时问题汇总及解决办法 -
xinsiyou：
牛逼，就是样式被搞没了
JS实现选项右移，左移，向上，向下调整顺序 -
unnamed__：
这代码风格就像一坨翔
java获取数据库的列名，类型等信息
当我将列右移，左移，向上，向下调整顺序使用JS彻底实现的时候，我真正意义上的感悟到为啥要javascript在最近几年里发展如此凶猛，真的是太令我欣慰了！
你是否在工作和学习中也遇到这样的问题呢？那就不防运行一下我的这段程序，看看是不是你要的效果，或者对你有帮助呢？
<%@ page contentType="text/html; charset=GB2312" language="java"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>调整上下左右顺序实例</title>
<link rel="stylesheet" href="style/style_<%=strCssType%>.css"
type="text/css">
<script language="JavaScript">
function chooseItems(source, target)
{
var choiceOptions = source.options;
var selectedOptions = target.options;
for (i = 0; i < (choiceOptions.length); i++)
{
var temp = choiceOptions.item(i);
if (temp.selected == true)
{
var oOption = document.createElement("OPTION");
selectedOptions[selectedOptions.length] = new Option(temp.text, temp.value);
}
}
for (j = (choiceOptions.length-1); j >= 0; j--)
{
var temp = choiceOptions.item(j);
if (temp.selected == true)
{
choiceOptions[j] = null;
}
}
}
function adjustUp()
{
var itemOptions = form1.selectcolumns.options;
var selectedOption;
var count = 0;
var index;
for ( i = 0; i < itemOptions.length ; i++)
{
var temp = itemOptions.item(i);
if (temp.selected == true)
{
count++;
if (count > 1)
{
alert("只能选择一个列调整顺序！");
return;
} else if(count == 1) {
index = i;
}
}
}
if (count == 0)
{
alert("请选择要调整顺序的列！");
return;
}
if (index == 0)
return;
selectedOption = itemOptions[index];
var lastOption = itemOptions[index-1];
var temp = new Option(selectedOption.text, selectedOption.value);
selectedOption.text = lastOption.text;
selectedOption.value = lastOption.value;
selectedOption.selected = false;
lastOption.text = temp.text;
lastOption.value = temp.value;
lastOption.selected = true;
}
function adjustDown()
{
var itemOptions = form1.selectcolumns.options;
var selectedOption;
var count = 0;
var index;
for ( i = 0; i < itemOptions.length ; i++)
{
var temp = itemOptions[i];
if (temp.selected == true)
{
count++;
if (count > 1)
{
alert("只能选择一个列调整顺序！");
return;
} else if(count == 1) {
index = i;
}
}
}
if (count == 0)
{
alert("请选择要调整顺序的列！");
return;
}
if (index == itemOptions.length-1)
return;
selectedOption = itemOptions[index];
var nextOption = itemOptions[index+1];
var temp = new Option(selectedOption.text, selectedOption.value);
selectedOption.text = nextOption.text;
selectedOption.value = nextOption.value;
selectedOption.selected = false;
nextOption.text = temp.text;
nextOption.value = temp.value;
nextOption.selected = true;
}
function checkForm(form1)
{
var columnsOptions = form1.selectcolumns.options;
if (columnsOptions.length == 0) {
alert("请选择要显示的列!");
return false;
}
for (i = 0; i < columnsOptions.length; i++)
{
columnsOptions[i].selected = true;
}
return true;
}
</script>
</head>
<body>
<form name="form1" method="post" action="basylistForward.do"
onSubmit="return checkForm(form1)">
<center>
<table height="5" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="700">
<tr>
<td width="40%" align="center">
<select name="choices" size="25" style="width: 100%"
multiple="multiple">
<option value="userName">
用户名
</option>
<option value="password">
密码
</option>
<option value="Email">
邮箱
</option>
<option value="address">
住址
</option>
<option value="telephone">
联系方式
</option>
<OPTION value="birthday">
生日
</OPTION>
<OPTION value="firstName">
名
</OPTION>
<OPTION value="lastName">
姓
</OPTION>
<option value="age">
年龄
</option>
<option value="company">
工作单位
</option>
<option value="workTime">
参加工作日期
</option>
</select>
</td>
<td width="10%" align="center">
<input name="but_r" type="button" class="buttonr"
onClick="chooseItems(form1.choices, form1.selectcolumns)">
<table height="5" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<input name="but_l" type="button" class="buttonl"
onClick="chooseItems(form1.selectcolumns, form1.choices)">
</td>
<td width="40%" align="center">
<select name="selectcolumns" size="25" style="width: 100%"
multiple="multiple">
<option value="BasySex_n">
性别
</option>
<option value="BasyAge">
年龄
</option>
<option value="BasyRdate">
入院日期
</option>
<option value="BasyCDate">
出院日期
</option>
<option value="BasyCykbN">
出院科别
</option>
<option value="BasyCyMzd">
主要诊断名称
</option>
<option value="BasyCyMcyqk_n">
出院情况
</option>
<option value="BasyZyfySum">
住院费用
</option>
<option value="BasyJzh">
备用号
</option>
</select>
</td>
<td width="10%" align="center">
<input name="but_u" type="button" class="buttonu"
onClick="adjustUp()">
<table height="5" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<input name="but_d" type="button" class="buttond"
onClick="adjustDown()">
</td>
</tr>
<tr>
<TD align="center">
</TD>
<TD align="center">
</TD>
<TD align="center">
<INPUT type="submit" class="button" value="显示(V)" accesskey="v">
<a href="javascript:history.go(-1)"><font color="red">返回</font>
</a>
</TD>
<TD align="center">
</TD>
</tr>
</table>
</center>
</form>
</body>
</html>
如果你觉得好，那就给我评点一下，否则你也别说啥，拍拍屁股走人好吧
你是否在工作和学习中也遇到这样的问题呢？那就不防运行一下我的这段程序，看看是不是你要的效果，或者对你有帮助呢？
<%@ page contentType="text/html; charset=GB2312" language="java"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>调整上下左右顺序实例</title>
<link rel="stylesheet" href="style/style_<%=strCssType%>.css"
type="text/css">
<script language="JavaScript">
function chooseItems(source, target)
{
var choiceOptions = source.options;
var selectedOptions = target.options;
for (i = 0; i < (choiceOptions.length); i++)
{
var temp = choiceOptions.item(i);
if (temp.selected == true)
{
var oOption = document.createElement("OPTION");
selectedOptions[selectedOptions.length] = new Option(temp.text, temp.value);
}
}
for (j = (choiceOptions.length-1); j >= 0; j--)
{
var temp = choiceOptions.item(j);
if (temp.selected == true)
{
choiceOptions[j] = null;
}
}
}
function adjustUp()
{
var itemOptions = form1.selectcolumns.options;
var selectedOption;
var count = 0;
var index;
for ( i = 0; i < itemOptions.length ; i++)
{
var temp = itemOptions.item(i);
if (temp.selected == true)
{
count++;
if (count > 1)
{
alert("只能选择一个列调整顺序！");
return;
} else if(count == 1) {
index = i;
}
}
}
if (count == 0)
{
alert("请选择要调整顺序的列！");
return;
}
if (index == 0)
return;
selectedOption = itemOptions[index];
var lastOption = itemOptions[index-1];
var temp = new Option(selectedOption.text, selectedOption.value);
selectedOption.text = lastOption.text;
selectedOption.value = lastOption.value;
selectedOption.selected = false;
lastOption.text = temp.text;
lastOption.value = temp.value;
lastOption.selected = true;
}
function adjustDown()
{
var itemOptions = form1.selectcolumns.options;
var selectedOption;
var count = 0;
var index;
for ( i = 0; i < itemOptions.length ; i++)
{
var temp = itemOptions[i];
if (temp.selected == true)
{
count++;
if (count > 1)
{
alert("只能选择一个列调整顺序！");
return;
} else if(count == 1) {
index = i;
}
}
}
if (count == 0)
{
alert("请选择要调整顺序的列！");
return;
}
if (index == itemOptions.length-1)
return;
selectedOption = itemOptions[index];
var nextOption = itemOptions[index+1];
var temp = new Option(selectedOption.text, selectedOption.value);
selectedOption.text = nextOption.text;
selectedOption.value = nextOption.value;
selectedOption.selected = false;
nextOption.text = temp.text;
nextOption.value = temp.value;
nextOption.selected = true;
}
function checkForm(form1)
{
var columnsOptions = form1.selectcolumns.options;
if (columnsOptions.length == 0) {
alert("请选择要显示的列!");
return false;
}
for (i = 0; i < columnsOptions.length; i++)
{
columnsOptions[i].selected = true;
}
return true;
}
</script>
</head>
<body>
<form name="form1" method="post" action="basylistForward.do"
onSubmit="return checkForm(form1)">
<center>
<table height="5" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="700">
<tr>
<td width="40%" align="center">
<select name="choices" size="25" style="width: 100%"
multiple="multiple">
<option value="userName">
用户名
</option>
<option value="password">
密码
</option>
<option value="Email">
邮箱
</option>
<option value="address">
住址
</option>
<option value="telephone">
联系方式
</option>
<OPTION value="birthday">
生日
</OPTION>
<OPTION value="firstName">
名
</OPTION>
<OPTION value="lastName">
姓
</OPTION>
<option value="age">
年龄
</option>
<option value="company">
工作单位
</option>
<option value="workTime">
参加工作日期
</option>
</select>
</td>
<td width="10%" align="center">
<input name="but_r" type="button" class="buttonr"
onClick="chooseItems(form1.choices, form1.selectcolumns)">
<table height="5" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<input name="but_l" type="button" class="buttonl"
onClick="chooseItems(form1.selectcolumns, form1.choices)">
</td>
<td width="40%" align="center">
<select name="selectcolumns" size="25" style="width: 100%"
multiple="multiple">
<option value="BasySex_n">
性别
</option>
<option value="BasyAge">
年龄
</option>
<option value="BasyRdate">
入院日期
</option>
<option value="BasyCDate">
出院日期
</option>
<option value="BasyCykbN">
出院科别
</option>
<option value="BasyCyMzd">
主要诊断名称
</option>
<option value="BasyCyMcyqk_n">
出院情况
</option>
<option value="BasyZyfySum">
住院费用
</option>
<option value="BasyJzh">
备用号
</option>
</select>
</td>
<td width="10%" align="center">
<input name="but_u" type="button" class="buttonu"
onClick="adjustUp()">
<table height="5" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<input name="but_d" type="button" class="buttond"
onClick="adjustDown()">
</td>
</tr>
<tr>
<TD align="center">
</TD>
<TD align="center">
</TD>
<TD align="center">
<INPUT type="submit" class="button" value="显示(V)" accesskey="v">
<a href="javascript:history.go(-1)"><font color="red">返回</font>
</a>
</TD>
<TD align="center">
</TD>
</tr>
</table>
</center>
</form>
</body>
</html>
如果你觉得好，那就给我评点一下，否则你也别说啥，拍拍屁股走人好吧
分享到：
评论
4 楼
xinsiyou
2014-09-17
牛逼，就是样式被搞没了
3 楼
h576497619m
2014-03-14
就是我要的，感谢！
2 楼
beee
2013-08-15
呵呵，很强大，不错
1 楼
bosschen
2012-07-03
确实好。是我所要的。谢谢。
发表评论
-
JQuery zTree插件
2012-01-10 16:55 1208JQuery zTree插件。好东西！很实用！ -
JavaScript在IE浏览器和Firefox浏览器中的差异总结
2011-12-27 10:17 13411.HTML对象的 id 作为对象名的问题 IE：HTML ... -
javascript继承方式
2011-12-24 15:41 10391.对象冒充 引用 functio ... -
javascript中定义对象方式
2011-12-24 15:10 13311.在javascript中，可以动态添加对象的属性，也可以动 ... -
js原始数据类型、强制类型转换、typeof运算符的使用实例
2011-12-24 15:10 3187js中存在5中原始数据类型： 1.Undefined（未定义 ... -
js中Function对象
2011-12-24 15:10 29131.Undefined对象只有一个 ... -
js全选与反选、收缩与展开
2011-12-23 10:19 1099<!DOCTYPE HTML PUBLIC " ... -
js验证数字
2011-12-23 10:02 1178<script type="text/jav ... -
Cookie对象使用
2011-12-23 10:02 10361.cookie对象： 是一 ... -
javascript内置对象
2011-12-23 08:32 1282图像对象： 导航对象： 窗口对象： 格式 ... -
javascript定时器
2011-12-23 08:32 11141.setTimeout():指定在一段 ... -
javascript事件控制
2011-12-21 08:35 9671.实现类似<a>标签的功能 <scrip ... -
javascript自定义对象
2011-12-21 08:35 1003实例： <script type="text ... -
javascript中字符串的使用方法
2011-12-21 08:34 10621.字符串定义： var str = new Stri ... -
javascript内置函数
2011-12-20 16:21 10441.函数说明： join（）：如何使用 join() 方法 ... -
javascript内置的默认对象
2011-12-20 16:08 11931.日期对象（Date）: <script typ ... -
javascript对象创建方式
2011-12-20 15:38 9371.with使用方式。 <script type=& ... -
javascript深度解析
2011-12-20 15:23 1296一.概述 javascript是网景公司开发的基于客户端浏览 ... -
html滑动门实现
2011-12-21 08:34 1283滑动门实现 -
收集的非常不错的js脚本
2008-09-25 11:27 14771 >屏蔽功能类 1.1 ...
相关推荐
跑马灯可以实现右移左移分别两次，闪烁两次，有图，程序结合protues的图
易语言汇编实现左移右移模块源码,汇编实现左移右移模块,asm_rol,asm_ror,asm_rcl,asm_rcr,asm_shl,asm_shr,asm_not
功能很完备，比如选中A框左移到B框，不选中按下按钮会提示未选择选项。多选之后同样可以实现选中左移。 以下详细介绍每个练习： 1.汽车选中左，右移动，全部左，右移动练习：四个功能按钮，选中左移，右移，全部左移...
易语言源码易语言汇编实现左移右移模块源码.rar 易语言源码易语言汇编实现左移右移模块源码.rar 易语言源码易语言汇编实现左移右移模块源码.rar 易语言源码易语言汇编实现左移右移模块源码.rar 易语言源码易语言...
2个led灯先左移，然后右移，然后同时闪烁。使用多个for循环实现。
易语言左移右移源码.rar 易语言左移右移源码.rar 易语言左移右移源码.rar 易语言左移右移源码.rar 易语言左移右移源码.rar 易语言左移右移源码.rar
调用#include 头文件,使用左移右移命令
易语言左移右移口算公式源码,左移右移口算公式,左移_子程序,右移_子程序
主要介绍了JavaScript实现两个select下拉框选项左移右移功能，js实现下拉框元素互相移动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
适合初学者的用c语言编的双灯左移右移流水灯
易语言汇编实现左移右移模块源码。@易语言入门教程。
易语言汇编实现左移右移模块源码.zip
对于c语言中左移右移的理解。可以更好地了解C中运算符的使用。
crc32及crc32-mpeg算法，主要用查表法实现，本人自己编写，实测么有问题
单片机原理及接口技术；广告灯的左移右移，（取表方式）
易语言汇编实现左移右移模块源码.zip易语言项目例子源码下载易语言汇编实现左移右移模块源码.zip易语言项目例子源码下载 1.合个人学习技术做项目参考 2.适合学生做毕业设计参考 3.适合小团队开发项目参考
jquery 实现的 select 上移、下移、左移、右移功能 下载下来直接预览效果
统计分析报表 实现左移，右移，上移，下移 特效，帅呆咯！统计分析报表 实现左移，右移，上移，下移 特效，帅呆咯！
89c51 单片机试验箱上实现八个发光二极管的左移5次 然后右移5次
js实现所有信息显示在左边的文本框，通过鼠标选择后，点击右移，就能将选择的移动到右边的文本框去了