本文说明了Javaｓｃｒｉｐｔ控制两个列表框的数据交换在ListBox。分享给你供你参考。具体分析如下：

我们经常使用这个函数将左边列表框中的元素移动到右边，或者将右边列表框中的元素移到左边，这样我们就可以同时移动所有元素。

复制代码代码如下：功能listbox_moveacross（sourceid，destid:）{

VaR src= document.getelementbyid（sourceid）；

VaR dest = document.getelementbyid（destid:）；

对于（VAR数= 0；计数＜src.options.length；计数+ +）{

如果（选项{计算} }。

var选项；

无功newoption = document.createelement（选项）；

newoption.value = option.value；

newoption.text = option.text；

newoption.selected =真；

{试

Dest.add（newoption，null）； / /标准

Src.remove（计数、空）；

} catch（错误）{

Dest.add（newoption）； / /只是

Src.remove（计数）；

}

计数—；

}

}

}

…

listbox_moveacross（'countrylist '，'selectedcountrylist）；

这是一个演示代码，可以直接在浏览器中执行。

复制代码代码如下：单击下面的按钮来移动所选选项的右边或左边。









阿富汗

巴哈马

巴巴多斯

比利时

不丹

中国

克罗地亚

丹麦

法国

















阿富汗

巴哈马

巴巴多斯

比利时

不丹

中国

克罗地亚

丹麦

法国











功能listboxmoveacross（sourceid，destid:）{

VaR src= document.getelementbyid（sourceid）；

VaR dest = document.getelementbyid（destid:）；

对于（VAR数= 0；计数＜src.options.length；计数+ +）{

如果（选项{计算} }。

var选项；

无功newoption = document.createelement（选项）；

newoption.value = option.value；

newoption.text = option.text；

newoption.selected =真；

{试

Dest.add（newoption，null）； / /标准

Src.remove（计数、空）；

} catch（错误）{

Dest.add（newoption）； / /只是

Src.remove（计数）；

}

计数—；

}

}

}



希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。