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

最新推荐文章于 2023-03-20 16:09:42 发布

penghaijun911

最新推荐文章于 2023-03-20 16:09:42 发布

阅读量5.1k

点赞数

分类专栏： J2EE 技术文章技术源码文章标签： button function input table null

本文链接：https://blog.csdn.net/penghaijun/article/details/1724700

版权

技术文章同时被 3 个专栏收录

16 篇文章 1 订阅

订阅专栏

J2EE

7 篇文章 0 订阅

订阅专栏

技术源码

6 篇文章 0 订阅

订阅专栏

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>
<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>