急！！在线等待 select多选怎样传值 高分

wyjlove 2003-11-13 04:05:24
条件：左边选中的项（可以多选，也可以单选，也可以分几步选）可以传到右边的对象中，同时左边选中的项不能删除，但右边的项可以删除。那位老师能给我指点。学生谢谢了！

如下文：
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
function func(){
alert(window.form.select1.length);
}
</script>

</head>
<body>
<form name="form">
<table width="67%" border="0" align="center">
<tr>
<td width="29%">
<select name="select1" size="20" multiple style="width:200">
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
</select></td>
<td width="11%">
<input name="button1" type="button" value="》》" onclick="func()"><br><br>
<input name="button2" type="button" value="《《"><br><br>
</td>
<td width="60%">
<select name="select1" size="20" multiple style="width:200">
</select></td>
</tr>
</table>
<div align="center">
<input name="butNext" type="button" value="上一步">
  
<input name="butBfore" type="button" value="下一步">
</div>
</form>
</body>
</html>
...全文
73 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
wyjlove 2003-11-20
  • 打赏
  • 举报
 回复
我的邮箱：wyj_wf@msn.com
hover_online 2003-11-14
  • 打赏
  • 举报
 回复
你的油箱给你发个例子
z2xx 2003-11-14
  • 打赏
  • 举报
 回复
又改了一下，还有点小问题，你自己看看吧，任务来了，又要忙了，5555
function func()
{
var curlength=document.all.select2.options.length;
for(var i=0;i<document.all.select1.options.length;i++){
if(document.all.select1.options[i].selected){
if(document.all.select2.options.length==0){
document.all.select2.options[curlength]=new Option("");
document.all.select2.options[curlength].value=document.all.select1.options[i].value;
document.all.select2.options[curlength].text=document.all.select1.options[i].text;
curlength++;
}
else{
for(var j=0;j<document.all.select2.options.length;j++){
if(document.all.select1[i].text==document.all.select2[j].text){

alert(document.all.select1[i].text);alert(document.all.select2[j].text);
alert(document.all.select1[i].text+ "ÔÚÓÒ±ßÒѾ­ÓÐÁË");
j=document.all.select2.options.length;
break;
}
else{
document.all.select2.options[curlength]=new Option("");
document.all.select2.options[curlength].value=document.all.select1.options[i].value;
document.all.select2.options[curlength].text=document.all.select1.options[i].text;
curlength++;
}
}
}
}
}
}
z2xx 2003-11-14
  • 打赏
  • 举报
 回复
这个达到你的要求了，给分，哈哈
function func()
{
var curlength=document.all.select2.options.length;
for(var i=0;i<document.all.select1.options.length;i++){
if(document.all.select1.options[i].selected){
document.all.select2.options[curlength]=new Option("");
for(var j=0;j<document.all.select2.options.length;j++){
if(document.all.select1[i].text==document.all.select2[j].text){
alert(document.all.select1[i].text+ "在右边已经有了");
}
}
document.all.select2.options[curlength].value=document.all.select1.options[i].value;
document.all.select2.options[curlength].text=document.all.select1.options[i].text;
curlength++;
}
}
}
z2xx 2003-11-14
  • 打赏
  • 举报
 回复
把func()改成这样，就可以“左边选中的项（可以多选，也可以单选，也可以分几步选）可以传到右边的对象中，同时左边选中的项不能删除”
function func()
{
var curlength=document.all.select2.options.length;
for(var i=0;i<document.all.select1.options.length;i++)
{
if(document.all.select1.options[i].selected){
document.all.select2.options[curlength]=new Option("");
document.all.select2.options[curlength].value=document.all.select1.options[i].value;
document.all.select2.options[curlength].text=document.all.select1.options[i].text;
curlength++;
}
}
}
wyjlove 2003-11-14
  • 打赏
  • 举报
 回复
各位老师还有点问题，请给与指点
laers 2003-11-13
  • 打赏
  • 举报
 回复
ASK: cloudchen(陈系上.net)

除了用jscript外，是不是还用到其它什么的知识，请指教。。
wyjlove 2003-11-13
  • 打赏
  • 举报
 回复
哥们，是不是我没有说清楚啊！如下：静态网页：

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
function func(){
alert(window.form.select1.length);
}
</script>

</head>
<body>
<form name="form">
<table width="67%" border="0" align="center">
<tr>
<td width="29%">
<select name="select1" size="20" multiple style="width:200">
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">B_table</option>
<option value="xxxxxx">  B_table.a</option>
<option value="xxxxxx">  B_table.b</option>
<option value="xxxxxx">  B_table.c</option>
<option value="xxxxxx">  B_table.c</option>
<option value="xxxxxx">C_table</option>
<option value="xxxxxx">  C_table.a</option>
<option value="xxxxxx">  C_table.b</option>
<option value="xxxxxx">  C_table.c</option>
<option value="xxxxxx">  C_table.c</option>
</select></td>
<td width="11%">
<input name="button1" type="button" value="》》" onclick="func()"><br><br>
<input name="button2" type="button" value="《《"><br><br>
</td>
<td width="60%">
<select name="select1" size="20" multiple style="width:200">
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  B_table.a</option>
<option value="xxxxxx">  C_table.a</option>
</select></td>
</tr>
</table>
<div align="center">
<input name="butNext" type="button" value="上一步">
  
<input name="butBfore" type="button" value="下一步">
</div>
</form>
</body>
</html>
注：我只选中A_table项，它的下一级都传到右边了，我如果只选中B_table.a只传过去B_table.a到右边，其他的都相同。如上。谢谢哥们
z2xx 2003-11-13
  • 打赏
  • 举报
 回复
倒，不是楼上的，这个好象只能弹alert么，是再上面的
z2xx 2003-11-13
  • 打赏
  • 举报
 回复
楼上的程序符合你的要求啊，只要选的时候按着ctrl就可以了！
zhangjianguo1 2003-11-13
  • 打赏
  • 举报
 回复
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!-- 你看一下是不是这样 -->
function func(){
var form = document.forms['form']
var tmpList = []
if (form.select1.selectedIndex < 0)
return
for (var i=0;i<form.select1.length;i++)
if (form.select1.options[i].selected)
tmpList[tmpList.length] = form.select1.options[i].text
alert (tmpList)
}
</script>

</head>
<body>
<form name='form'>
<table width="67%" border="0" align="center">
<tr>
<td width="29%">
<select name="select1" size="20" multiple style="width:200">
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
</select></td>
<td width="11%">
<input name="button1" type="button" value="》》" onclick="func()"><br><br>
<input name="button2" type="button" value="《《"><br><br>
</td>
<td width="60%">
<select name="select2" size="20" multiple style="width:200">
</select></td>
</tr>
</table>
<div align="center">
<input name="butNext" type="button" value="上一步">
  
<input name="butBfore" type="button" value="下一步">
</div>
</form>
</body>
</html>
wyjlove 2003-11-13
  • 打赏
  • 举报
 回复
谢谢哥们，还有点问题，我是希望左边选中的项（可以多选，也可以单选，也可以分几步选）可以传到右边的对象中，同时左边选中的项不能删除，但右边的项可以删除。那位老师能给我指点。学生谢谢了！


注：左边还是原来的值不多也不少，同时右边的值是从左边传过来的，左边相同的值不能传多次，右边得值可以删除！！谢谢！！
bencalie 2003-11-13
  • 打赏
  • 举报
 回复
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
function func(){
var obj = document.form1.select1;
if(document.form1.select2.options.length>0){
document.form1.select2.options.length = 0;
}
for(i=0;i<obj.options.length;i++){
if(obj.options[i].selected){
tmp = obj.options[i]
document.form1.select2.add(new Option(tmp.text,tmp.value));
}
}
}
function remove(){
var obj = document.form1.select2;
for(i=0;i<obj.options.length;i++){
if(obj.options[i].selected){
obj.options[i].removeNode();
}
}

}
</script>

</head>
<body>
<form name="form1">
<table width="67%" border="0" align="center">
<tr>
<td width="29%">
<select name="select1" size="20" multiple style="width:200">
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">A_table</option>
<option value="xxxxxx">  A_table.a</option>
<option value="xxxxxx">  A_table.b</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
<option value="xxxxxx">  A_table.c</option>
</select></td>
<td width="11%">
<input name="button1" type="button" value="》》" onclick="func()"><br><br>
<input name="button2" type="button" value="《《" onclick="remove()"><br><br>
</td>
<td width="60%">
<select name="select2" size="20" multiple style="width:200">
</select></td>
</tr>
</table>
<div align="center">
<input name="butNext" type="button" value="上一步">
  
<input name="butBfore" type="button" value="下一步">
</div>
</form>
</body>
</html>
cloudchen 2003-11-13
  • 打赏
  • 举报
 回复
<title>移动、交换SELECT内容</title>
<style type="text/css">
<!--
body { background-color:#CECECE;}
button { font-family:"webdings";font-size:10px;width:17px;height:15px;line-height:4px;}
select { font-family:"Verdana";font-size:11px;}
-->
</style>
<script>var createDate = "2003.8.23";</script>
<script language="javascript" defer>
//添加事件
fromSel.attachEvent("ondblclick",new Function("MoveOptions(fromSel,toSel)"))
toSel.attachEvent("ondblclick",new Function("MoveOptions(toSel,fromSel)"))
LeftButton.attachEvent("onmouseup",new Function("MoveOptions(fromSel,toSel)"))
RightButton.attachEvent("onmouseup",new Function("MoveOptions(toSel,fromSel)"))
//移动函数
function MoveOptions(oFrom,oTo) {
for (var i=1;i<oFrom.length;i++) {
if (oFrom.options[i].selected) {
oTo.options[oTo.length] = new Option(oFrom.options[i].text,oFrom.options[i].value);
oFrom.options[i--] = null;
if (event.type=="dblclick") return;
}
}
}
//交换函数
function SwapOptions(obj,direction) {
var objIndex = obj.selectedIndex;
var swapIndex=direction=="up"?objIndex-1:objIndex+1;
if ((swapIndex==obj.length&&direction=="down")||(swapIndex==-1&&direction=="up")||obj.selectedIndex==0||swapIndex<=0) return;
obj.options[objIndex].swapNode(obj.options[swapIndex]);
}
</script>
<body>
<table width="165" border="0" cellspacing="0" cellpadding="0">
<tr><td>
<button onmouseup="SwapOptions(fromSel,'up')">5</button>
<button onmouseup="SwapOptions(fromSel,'down')">6</button>
</td></tr>
<tr><td>
<select id="fromSel" multiple size=10>
<option>---请选择要进入的网站---</option>
<option>CSND.net</option>
<option>MSND.com</option>
<option>Blueidea.com</option>
<option>51job.com</option>
<option>Yahoo.com</option>
<option>Pchome.net</option>
<option>Sina.com.cn</option>
</select>
</td></tr>
<tr><td align="center">
<button id="RightButton">7</button>
<button id="LeftButton">8</button>
</td></tr>
<tr><td>
<select id="toSel" multiple size=10>
<option>---请选择感兴趣的网站---</option>
</select>
</td></tr>
<tr><td align="right">
<button onmouseup="SwapOptions(toSel,'up')">5</button>
<button onmouseup="SwapOptions(toSel,'down')">6</button>
</td></tr>
</table>
<SCRIPT LANGUAGE="JavaScript" SRC="createDate.js"></SCRIPT>
<br>
<SCRIPT LANGUAGE="JavaScript" SRC="list.js"></SCRIPT>
我在CSDN参与的3000个帖子
一个简单的算法问题，怎么样在一个数组里获得4个不同的数字 29： [急急急100分求教]高手进来瞧瞧，请教算法问题！ 30： 【问】如何查找Zip包内部文件内容？ 31： 回答问题被抗议，散分 32： ...
华为笔试题
24.触发器怎么工作的? 答：触发器主要是通过事件进行触发而被执行的，当对某一表进行诸如UPDATE、 INSERT 、 DELETE 这些操作时，数据库就会自动执行触发器所定义的SQL 语句，从而确保对数 据的处理必须符合由...
华为C++笔试题
24.触发器怎么工作的? 答：触发器主要是通过事件进行触发而被执行的，当对某一表进行诸如UPDATE、 INSERT 、 DELETE 这些操作时，数据库就会自动执行触发器所定义的SQL 语句，从而确保对数 据的处理必须符合由...
华为软件研发面试题2
30.TCP/IP通信建立的过程怎样，端口有什么作用？ 三次握手，确定是哪个应用程序使用该协议 31.1号信令和7号信令有什么区别，我国某前广泛使用的是那一种？  1号信令接续慢，但是稳定，可靠。 7号信令的...
C语言面试题大汇总
30.TCP/IP通信建立的过程怎样，端口有什么作用？ 三次握手，确定是哪个应用程序使用该协议 31.1号信令和7号信令有什么区别，我国某前广泛使用的是那一种？  1号信令接续慢，但是稳定，可靠。 7号信令...
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章