~~~~~~~~高分求web中列表的设计~~~~~~！！！

JS实现，onClick时重建2个数组，刷新

解决方案 »

  1.   

    我有源码,但不能给你,给你个思路,自己动手table
    有id---name----flag三个字段列表A 里的东西是select * form table where flag='A'列表B 里的东西是select * form table where flag='B'
    后台写个方法是设置记录的flag的值的(setFlag(id,flag))
    页面上有两个按钮buttonA(列表A移向列表B),ButtonB(列表A移向列表B)
    页面提交给一个Action Action里判断用户点了那个按钮和选择列表值的id,if(buttonA){
    setFlag(id,'B')
    }else{
    setFlag(id,'B')
    }
      

  2.   

    //把A的项目移到B
    {
        var listA = document.getElementById("listA");
        var listB = document.getElementById("listB");    var op = listA.options[listA.selectedIndex];  //取A选中的项
        listB.options[listB.options.length] = op;     //添加到B的末尾
        listA.options[listA.selectedIndex] = null;    //从A中删除
    }
      

  3.   

    各位能不能给个详细的javascript实现的代码，在下确实对js不是很熟！谢谢！！
      

  4.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    /***/
    function addSelectedList(obj,obj2)
    {  for(var i=0;i<obj.length;i++){
        if (obj.options[i].selected){
            addtolist(obj2,obj.options[i].text,obj.options[i].value);
    obj.options.remove(i);
    i=-1;
        }
      }}function addtolist(obj,value,label){
    if(label.substring(0,1)!="$")
      obj.add(new Option(value,label));
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <TABLE>
    <TR>
    <TD><SELECT NAME="sourceObj" id="sourceObj" size="10" multiple style="width:150" >
          <option value="a"  selected >1</option>
          <option value="b">2</option>
          <option value="c">3</option>
          <option value="a">4</option>
          <option value="b">5</option>
          <option value="c">6</option>
    </SELECT></TD>
    <TD><INPUT TYPE="button" value=">>>" onclick="addSelectedList(sourceObj,targetObj);"><BR>
    <INPUT TYPE="button" value="<<<"  onclick="addSelectedList(targetObj,sourceObj);">
    </TD>
    <TD><SELECT NAME="targetObj" id="targetObj" size="10" multiple style="width:150">
    <option>19:00 - 21:00</option>
    </SELECT></TD>
    </TR><tr>
    <td colspan="3">自定义<INPUT TYPE="text" NAME="hand" id="hand"> <INPUT TYPE="button" value="add" onclick="targetObj.add(new Option(hand.value,'$'+hand.value));"></td>
    </tr></TABLE>
    </BODY>
    </HTML>