一个有关问题（JSP）-Java教程-爱易网页

一个有关问题（JSP）

日期：2014-05-19　浏览次数：20992 次

请教大家一个问题（JSP）
我碰到的问题如下：

一个JSP页面有个table table里面数据格式如下：

单选框1 数据1 数据2 数据3

单选框2 数据4 数据5 数据6

单选框3 数据7 数据8 数据9

单选框4 数据10 数据11 数据12

<input type="button" value="提升优先级" onclick="do()">

我现在想做的动作是我选中一个单选框比如单选框3 然后点击提升优先级这个按钮把单选框3对应的这行数据上移
到单选框2这个位置然后单选框2对应的这行数据就会下移到单选框3这个位置请问大牛们这个逻辑在JS里面应该怎
么实现？我刚接触J2EE哈哈自己的想法是把数据放到数组里然后遍历下互换位置但这里会要先把数据组合成字符串会涉及到遍历之前组装换位后在拆分感觉有点繁琐求好点的方法请大家不吝赐教谢谢~~

------解决方案--------------------
用省级关联就可以实现，你可以baidu下省级关联
------解决方案--------------------
为啥不用JS再前台做，这个和JAVAEE有啥关系，你不都写onclick方法了么
------解决方案--------------------
对，就在JS前台做就可以了，先组成4个字符串放到数组里，交换位置后，再拆分，行不行
------解决方案--------------------
干脆弄个时下更流行的一种时间方式，
鼠标按住在第3行，实现拖拽效果，网上应该有很多例子的。。。
------解决方案--------------------
<tr id='tr1'>
<td>单选框1</td> <td>数据1</td>
<tr/>
<tr id='tr2'>
<td>单选框2</td> <td>数据2</td>
<tr/>

var tr1 = document.getElementById("tr1");
var tr2 = document.getElementById("tr2");
var tr1Str = tr1.innerHTML;
var tr2Str = tr2.innerHTML;
tr1.innerHTML = tr2Str;
tr2.innerHTML = tr1Str;
------解决方案--------------------

HTML code


<html>
<head>
<title>这种方式支持任何浏览器</title>
<script>
    function swapTR(action){
        var oSelIpt = null;
        var iptArr = document.getElementsByTagName('input');
        for(var i=0,len=iptArr.length;i<len;i++){
            if(iptArr[i].checked){
                oSelIpt = iptArr[i];
                break;
            }
        }

        if(!oSelIpt) return;

        var _row = oSelIpt.parentNode.parentNode;

        if(action==0)    //上移
        {
            if(_row.previousSibling)//如果不是第一行
                swapNode(_row, _row.previousSibling);
        }else{
            if(_row.nextSibling)
                swapNode(_row, _row.nextSibling);
        }

        //保证换行后单选框选中ie中
        oSelIpt.checked = true
    }

    function swapNode(node1, node2){
        var _parent = node1.parentNode;

        //获取两个结点的相对位置
        var _t1 = node1.nextSibling;
        var _t2 = node2.nextSibling;

        //将node2插入到原来node1的位置
        if(_t1) _parent.insertBefore(node2, _t1);
        else    _parent.appendChild(node2);

        //将node1插入到原来node2的位置
        if(_t2)_parent.insertBefore(node1,_t2);
        else _parent.appendChild(node1);
    }

    function cleanWhitespace(element) {
        for(var row = element.rows[0]; row; row = row.nextSibling){
            if(row.nodeType==3){
                var _row;
                if(!row.previousSibling)
                    _row = row.nextSibling;
                else
                    _row = row.previousSibling;
                row.parentNode.removeChild(row);
                row = _row;
            }
        }
    }
    window.onload = function(){
        cleanWhitespace(document.getElementById('tab_test'));     //火狐的tr间会有textnode节点，把他们都移除掉
    }
</script>
</head>
<body>
<table id="tab_test">
<tr>
    <td><input type='radio' name='row' checked /></td><td>1 </td><td>1 </td><td>1 </td>
</tr>
<tr>
    <td><input type='radio' name='row' /></td><td>2 </td><td>2 </td><td>2 </td>
</tr>
<tr>
    <td><input type='radio' name='r

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

一个有关问题（JSP）

相关资料更多>

推荐阅读更多>