肯定还是通过javascript啦,在选择之后,点击移动的按钮的时候,判断哪些项目被选中,然后在目标列表框中增加这些项目,在源列表框中删除这些项目就可以了。
解决方案 »
- 帮我看下这段代码为什么在safari里面不起作用,关于AJAX,谢谢
- settimeout每秒更新
- 分享:在Javascript程序中查看变量 forin
- 用javascript能否出判断多个<input type="checkbox"......>多选框至少选择了一个?
- 一个比较复杂的JAVASCRIP.!!大家帮忙谢谢!!!!!(很急在线等待)
- 有兴趣请在此讨论一下dom
- 请问模态对话框showModalDialog为什么不能打印机呀?
- 随机生成100000个数字,插入一个新数组,最快的写法
- echarts 可行性评估
- ie8下相同的jQuery代码 在sublime里不起作用 在myeclipse中起作用
- 请问如何用程序模拟鼠标左键?比如点击一个按钮。 ~急~急~急~急~
- HTC使用参考文档(翻译自MSDN)
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content=""></head><body>
<form method=post action="">
<select multiple size="15" id="personal" style="width:200px">
<option value="1">111111111</option>
<option value="2">222222222</option>
<option value="3">333333333</option>
<option value="4">444444444</option>
<option value="5">555555555</option>
<option value="6">666666666</option>
<option value="7">777777777</option>
<option value="8">888888888</option>
<option value="9">999999999</option>
</select>
<input type="button" name="ok" value="add" onclick="add5OP()">
<input type="button" name="add" value="del" onclick="del()">
<input type="button" name="view" value="view" onclick="viewUser()">
<select size="15" style="width:200px" id="user" multiple>
</select>
<script language="JavaScript">
<!--
function oUser(id,name)
{
this.id=id;
this.name=name;
}
function add5OP()
{
var thePer = document.getElementById("personal");
var theUser = document.getElementById("user");
var Arr= new Array();
var id="";
var name = "";
for(var i=0;i<thePer.length;i++)
{
if(thePer[i].selected==true)
{
id = thePer[i].value;
name = thePer[i].text;
Arr.push(new oUser(id,name));
}
} if(theUser.length > 0)
{
for(var i=0;i<Arr.length;i++)
{
for(var j=0;j<theUser.length;j++)
{
if(Arr[i].id == theUser[j].value)
{
Arr[i].id = "";
}
}
var stext=Arr[i].id;
var svalue=Arr[i].name;
if(stext != "")
{
oOption=new Option(svalue,stext);
theUser.add(oOption);
}
}
}
else
{
for(var i=0;i<Arr.length;i++)
{
var stext=Arr[i].id;
var svalue=Arr[i].name;
oOption=new Option(svalue,stext);
theUser.add(oOption);
}
}
}
function del()
{
var theSelect = document.getElementById("user");
var Arr2= new Array();
var id="";
var name = "";
if (theSelect.selectedIndex!=-1)
{
for(var i=0;i<theSelect.length;i++)
{
if(theSelect[i].selected==true)
{
id = theSelect[i].value;
name = theSelect[i].text;
Arr2.push(new oUser(id,name));
}
}
for(var i=0;i<Arr2.length;i++)
{
var stext=Arr2[i].id;
for(var j=0;j<theSelect.length;j++)
{
if(Arr2[i].id == theSelect[j].value)
{
theSelect.options[j]=null
}
}
}
}
else
{
alert("请先选择您要删除的成员");
}
}function viewUser()
{
var src = "";
for(var i=0;i<document.all.user.length;i++)
{
src += document.all.user[i].value+",";
}
alert(src);
}
//-->
</script>
</form>
</body>
</html>