怎么样用OnClick来把一个List里选的值加在另一个List里?

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">function moveOver()  
{
var boxLength = document.choiceForm.choiceBox.length;
var selectedItem = document.choiceForm.available.selectedIndex;
var selectedText = document.choiceForm.available.options[selectedItem].text;
var selectedValue = document.choiceForm.available.options[selectedItem].value;
var i;
var isNew = true;
if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
thisitem = document.choiceForm.choiceBox.options[i].text;
if (thisitem == selectedText) {
isNew = false;
break;
      }
   }
} 
if (isNew) {
newoption = new Option(selectedText, selectedValue, false, false);
document.choiceForm.choiceBox.options[boxLength] = newoption;
}
document.choiceForm.available.selectedIndex=-1;
}
function removeMe() {
var boxLength = document.choiceForm.choiceBox.length;
arrSelected = new Array();
var count = 0;
for (i = 0; i < boxLength; i++) {
if (document.choiceForm.choiceBox.options[i].selected) {
arrSelected[count] = document.choiceForm.choiceBox.options[i].value;
}
count++;
}
var x;
for (i = 0; i < boxLength; i++) {
for (x = 0; x < arrSelected.length; x++) {
if (document.choiceForm.choiceBox.options[i].value == arrSelected[x]) {
document.choiceForm.choiceBox.options[i] = null;
   }
}
boxLength = document.choiceForm.choiceBox.length;
   }
}
function saveMe() {
var strValues = "";
var boxLength = document.choiceForm.choiceBox.length;
var count = 0;
if (boxLength != 0) {
for (i = 0; i < boxLength; i++) {
if (count == 0) {
strValues = document.choiceForm.choiceBox.options[i].value;
}
else {
strValues = strValues + "," + document.choiceForm.choiceBox.options[i].value;
}
count++;
   }
}
if (strValues.length == 0) {
alert("You have not made any selections");
}
else {
alert("Here are the values you've selected:\r\n" + strValues);
   }
}
</script>
</HEAD><BODY>
<center>
<form name="choiceForm">
<table border=0>
<tr>
<td valign="top" width=175>
可得到的选项
<br>
<select name="available" size=10 onchange="moveOver();">
<option value=1>测试1
<option value=2>测试2
<option value=3>测试3
<option value=4>测试4
<option value=5>测试5
<option value=6>测试6
<option value=7>测试7
</select>
</td>
<td valign="top">
你的选择：
<br>
<select multiple name="choiceBox" style="width:150;" size="10">
</select>
</td>
</tr>
<tr>
<td colspan=2 height=10>
<input type="button" value="去除" onclick="removeMe();">
<input type="button" value="得到所选的Value" onclick="saveMe();">
</td>
</tr>
</table>
</form>
</center>
</body></html>

解决方案 »

  1.   

    <HTML>
    <HEAD><SCRIPT LANGUAGE="JavaScript">
    sortitems = 1;  function move(fbox,tbox) {
    for(var i=0; i<fbox.options.length; i++) {
    if(fbox.options[i].selected && fbox.options[i].value != "") {
    var no = new Option();
    no.value = fbox.options[i].value;
    no.text = fbox.options[i].text;
    tbox.options[tbox.options.length] = no;
    fbox.options[i].value = "";
    fbox.options[i].text = "";
       }
    }
    BumpUp(fbox);
    if (sortitems) SortD(tbox);
    }
    function BumpUp(box)  {
    for(var i=0; i<box.options.length; i++) {
    if(box.options[i].value == "")  {
    for(var j=i; j<box.options.length-1; j++)  {
    box.options[j].value = box.options[j+1].value;
    box.options[j].text = box.options[j+1].text;
    }
    var ln = i;
    break;
       }
    }
    if(ln < box.options.length)  {
    box.options.length -= 1;
    BumpUp(box);
       }
    }function SortD(box)  {
    var temp_opts = new Array();
    var temp = new Object();
    for(var i=0; i<box.options.length; i++)  {
    temp_opts[i] = box.options[i];
    }
    for(var x=0; x<temp_opts.length-1; x++)  {
    for(var y=(x+1); y<temp_opts.length; y++)  {
    if(temp_opts[x].text > temp_opts[y].text)  {
    temp = temp_opts[x].text;
    temp_opts[x].text = temp_opts[y].text;
    temp_opts[y].text = temp;
    temp = temp_opts[x].value;
    temp_opts[x].value = temp_opts[y].value;
    temp_opts[y].value = temp;
          }
       }
    }
    for(var i=0; i<box.options.length; i++)  {
    box.options[i].value = temp_opts[i].value;
    box.options[i].text = temp_opts[i].text;
       }
    }
    </script></HEAD><BODY>
    <form ACTION="" METHOD="POST">
    <table border="0">
    <tr>
    <td><select multiple size="5" name="list1">
    <option value="11"> item 1.1 </option>
    <option value="12"> item 1.2 </option>
    <option value="13"> item 1.3 </option>
    </select></td>
    <td>
    <input type="button" value="   &gt;&gt;   " onclick="move(this.form.list1,this.form.list2)" name="B1"><br>
    <input type="button" value="   &lt;&lt;   " onclick="move(this.form.list2,this.form.list1)" name="B2">
    </td>
    <td><select multiple size="5" name="list2">
    <option value="21"> item 2.1 </option>
    <option value="22"> item 2.2 </option>
    <option value="23"> item 2.3 </option>
    </select></td>
    </tr>
    </table>
    </form></body></html>
      

  2.   

    多谢大哥,不过不知可不可以帮忙加上从List里面那掉所选的值的部分,多谢.