jsp 排序
界面上有文本框1和按钮1“添加”，点击添加，将文本框的数据加到列表框中。点击“排序”按钮时，输出顺序排序的结果。如果选中了“逆序排序”的checkbox，则输出逆序排序的...
界面上有文本框1和按钮1“添加”，点击添加，将文本框的数据加到列表框中。
点击“排序”按钮时，输出顺序排序的结果。如果选中了“逆序排序”的checkbox，则输出逆序排序的结果。
麻烦给点思路！有全部过程更好！谢谢！ 展开
点击“排序”按钮时，输出顺序排序的结果。如果选中了“逆序排序”的checkbox，则输出逆序排序的结果。
麻烦给点思路！有全部过程更好！谢谢！ 展开
展开全部
什么数据，都是数字吗？如果是数字，数据又不需要立刻保存到数据库，完全可以适用javascript实现这个功能。
给你一个纯js版的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>排序</title>
</head>
<script language="javascript" type="text/javascript">
function move()
{
var val = document.getElementById("txt").value;
if(val!=null && val!="")
{
var list = document.getElementById("slist");
list.options[ list.length ] = new Option(val,val);
}
}
function sortList()
{
var list = document.getElementById("slist");
var check = document.getElementById("chkorder");
var result = document.getElementById("txtResult");
var len = list.length;
var arr = new Array(len);
for( var i=0; i<len; i++ )
{
arr[i] = list.options[i].value;
}
if(check.checked)
{
arr.sort(sortDesc);
}
else
{
arr.sort(sortAsc);
}
result.value = arr;
}
function sortAsc(a,b)
{
return a - b;
}
function sortDesc(a,b)
{
return b - a;
}
</script>
<body>
<p>输入数字：
<input name="txt" type="text" id="txt" />
<input name="btnok" type="button" id="btnok" value="添加" onclick="move();" />
<label>
<input name="chkorder" type="checkbox" id="chkorder" value="1" />
逆序</label>
<label>
<input name="btnorder" type="button" id="btnorder" value="排序" onclick="sortList();"/>
</label>
</p>
<p>数据类表：
<select name="slist" size="10" id="slist">
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
<option value="9">9</option>
<option value="2">2</option>
</select>
</p>
<p>排序结果：
<input name="txtResult" type="text" id="txtResult" size="46" />
</p>
</body>
</html>
给你一个纯js版的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>排序</title>
</head>
<script language="javascript" type="text/javascript">
function move()
{
var val = document.getElementById("txt").value;
if(val!=null && val!="")
{
var list = document.getElementById("slist");
list.options[ list.length ] = new Option(val,val);
}
}
function sortList()
{
var list = document.getElementById("slist");
var check = document.getElementById("chkorder");
var result = document.getElementById("txtResult");
var len = list.length;
var arr = new Array(len);
for( var i=0; i<len; i++ )
{
arr[i] = list.options[i].value;
}
if(check.checked)
{
arr.sort(sortDesc);
}
else
{
arr.sort(sortAsc);
}
result.value = arr;
}
function sortAsc(a,b)
{
return a - b;
}
function sortDesc(a,b)
{
return b - a;
}
</script>
<body>
<p>输入数字：
<input name="txt" type="text" id="txt" />
<input name="btnok" type="button" id="btnok" value="添加" onclick="move();" />
<label>
<input name="chkorder" type="checkbox" id="chkorder" value="1" />
逆序</label>
<label>
<input name="btnorder" type="button" id="btnorder" value="排序" onclick="sortList();"/>
</label>
</p>
<p>数据类表：
<select name="slist" size="10" id="slist">
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
<option value="9">9</option>
<option value="2">2</option>
</select>
</p>
<p>排序结果：
<input name="txtResult" type="text" id="txtResult" size="46" />
</p>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以将添加和排序建立对应的servlet，里面建立一个全局变量List用来存储数据，当点击添加时更新两个servlet里面的List，点击排序时输出不同的结果，至于逆序排序可以用js或者servlet，主要看哪个方便，没有时间帮你写了，如果写不出来再和我说吧，睡觉了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
