您的位置：首页 > 运维架构

option与option之间传值（传递多个值）

2015-12-15 17:50 267 查看

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF
4000
-8">

<title>Insert title here</title>

<script type="text/javascript">

function moveList(from,to)

{

var fromOption = document.myForm.elements[from];

var fromArray = fromOption.options;

var current=fromOption.selectedIndex;

//当current的值为-1时，表示没有没有选中。

while(current>-1)

{

move(fromArray[current],to);

//把来源option中被选中的值隐藏

fromArray[current] = null;

//使用全局变量的方法，是改变循环条件的值。

current=fromOption.selectedIndex;

}

}

function move(fromArray,to)

{

//得到在option中的位置

var selectOptionValue = fromArray.value;

var selectOptionName = fromArray.text;

//得到去向处的option,并把来源处的值放入其中

var toOption = document.myForm.elements[to];

var toOptionLen = toOption.length;

//alert(toOptionLen);

var newOption=new Option(selectOptionName,selectOptionValue,false,false);

toOption.options[toOptionLen]=newOption;

}

function mm()

{

var rightOption = document.myForm.rightList.options;

var p = "";

//得到要删除的项，并传到后台

for(i=0;i<rightOption.length;i++)

{

p=p+rightOption[i].text+"#";

}

//以下处可传到后台

alert(p);

}

</script>

</head>

<body>

<form name="myForm">

<table>

<tr valign="top">

<td>

<select name="leftList" size="6" multiple style="width:50px;">

<option>a</option>

<option>b</option>

<option>c</option>

<option>h</option>

</select>

</td>

<td>

<input name="to" type="button" onClick="moveList('leftList','rightList')" value=">>">

<p><input name="backTo" type="button" onClick="moveList('rightList','leftList')" value="<<"></p>

<input name="select" type="button" onClick="mm()" value="删除">

</td>

<td>

<select name="rightList" size="6" multiple style="width:50px;">

<option>d</option>

<option>e</option>

<option>f</option>

</select>

</td>

</tr>

</table>

</form>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航