当前位置：首页 → 问答吧 → 帮忙精简一下代码

帮忙精简一下代码

时间：2009-03-25

来源：互联网

本菜鸟刚接触jquery，项目中需要写一个控制select标签中的options向上移动或向下移动的效果，我用jquery试着写了一个，但是很臃肿，请大侠帮忙看看哪里可以精简一下，先谢谢了
这个是页面代码

复制代码

<form action="" method="post">
<select size="4" id="sel">
<option>1回家</option>
<option>2出租</option>
<option>3考虑</option>
<option>4票据</option>
<option>5即发</option>
<option>6打开</option>
</select>
<input type="button" value="向上" onclick="move(0)"/><input type="button" value="向下" onclick="move(1)" />
</form>

这个是function

复制代码

function move(num){
switch (num){
case(0):
var tempNum = $("#sel").val();
var tempText = $("#sel :selected").text();
var index = $("#sel")[0].selectedIndex;
if(index!=0){
var tempT= $("#sel :selected").prev().text();
var tempV= $("#sel :selected").prev().val();
$("#sel :selected").prev().text(tempText);
$("#sel :selected").prev().val(tempNum);
$("#sel :selected").val(tempV);
$("#sel :selected").text(tempT);
$("#sel")[0].selectedIndex = index-1;
}
break;
case(1):
var tempNum = $("#sel").val();
var tempText = $("#sel :selected").text();
var index = $("#sel")[0].selectedIndex;
if(index!=$("#sel")[0].length-1){
var tempT= $("#sel :selected").next().text();
var tempV= $("#sel :selected").next().val();
$("#sel :selected").text(tempT);
$("#sel :selected").val(tempV);
$("#sel :selected").next().val(tempNum);
$("#sel :selected").next().text(tempText);
$("#sel")[0].selectedIndex = index+1;
}
break;
}
}

作者: signs 发布时间: 2009-03-25

嗯,我是想不通项目怎么会这样做,有点不可思议,呵呵

<select size="4" id="sel">
<option>1回家</option>
<option>2出租</option>
<option>3考虑</option>
<option>4票据</option>
<option>5即发</option>
<option>6打开</option>
</select>
<button id="up">up</button>
<button id="down">down</button>

     $("#down").click(function(){
        var option = $("#sel option:selected");
        option.next("option").after(option);
     });

     $("#up").click(function(){
        var option = $("#sel option:selected");
        option.prev("option").before(option);
     });

作者: gordianyuan 发布时间: 2009-03-25

多谢大侠，代码很好使。没法子，甲方的要求的，我也是想不通

作者: signs 发布时间: 2009-03-25

对于一种排序，还是勉强可以理解的……
以前写单机程序的时候也搞过这个

作者: shawphy 发布时间: 2009-03-25