有一table代码如下
<table>
<tr id=tr1>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn1 value=上移数据></td>
</tr>
<tr id=tr2>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn2 value=上移数据></td>
</tr><tr id=tr3>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn3 value=上移数据></td>
</tr><tr id=tr4>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn4 value=上移数据></td>
</tr></table>
当我点击button时,清除该行里所有input type=text的数据,并将该行后面的所有数据前移.
比如,我点第二行的botton,那么第二的input type=text的数据清空,然后将第三行的数据前移到第二中的input type=text里,第四行的数据前移到第三行中,依次类推!

解决方案 »

  1.   


    <table>
    <tr id=tr1>
    <td><input type=text id=t1 value="1"></td>
    <td><input type=text id=t2 value="1"></td>
    <td><input type=text id=t3 value="1"></td>
    <td><input type=text id=t4 value="1"></td>
    <td><input type=text id=t5 value="1"></td>
    <td><input type=button id=btn1 value=上移数据></td>
    </tr>
    <tr id=tr2>
    <td><input type=text id=t1 value="2"></td>
    <td><input type=text id=t2 value="2"></td>
    <td><input type=text id=t3 value="2"></td>
    <td><input type=text id=t4 value="2"></td>
    <td><input type=text id=t5 value="2"></td>
    <td><input type=button id=btn2 value=上移数据></td>
    </tr><tr id=tr3>
    <td><input type=text id=t1 value="3"></td>
    <td><input type=text id=t2 value="3"></td>
    <td><input type=text id=t3 value="3"></td>
    <td><input type=text id=t4 value="3"></td>
    <td><input type=text id=t5 value="3"></td>
    <td><input type=button id=btn3 value=上移数据></td>
    </tr><tr id=tr4>
    <td><input type=text id=t1 value="4"></td>
    <td><input type=text id=t2 value="4"></td>
    <td><input type=text id=t3 value="4"></td>
    <td><input type=text id=t4 value="4"></td>
    <td><input type=text id=t5 value="4"></td>
    <td><input type=button id=btn4 value=上移数据></td>
    </tr>
    </table>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script language="javascript">
    $(function(){
    $("table input[type='button']").click(function(){
    var tr = $(this).parent().parent();
    tr.nextAll().each(function(){
    var p = $(this).prev();
    var a = p.find("td input[type='text']");
    $(this).find("td input[type='text']").each((function(col){
    return function(n){
    $(col.get(n)).val($(this).val());
    }
    })(a))
    });
    if(tr.nextAll().size()>0)tr.parent().find("tr:last td input[type='text']").val("");
    });
    });
    </script>
      

  2.   

    唉,我有一php兼职,系统比较老了,没办法,只能这样搞,人家框架就这样!昨晚搞定了,谢谢各位