<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
function selected(src,des){
for(var i=src.childNodes.length;i>=0;i--){
if(src.childNodes[i].selected==true){
src.removeChild(src.childNodes[i]);
des.appendChild(src.childNodes[i]);
}
}
}
function allselect1(){
var srcOption=document.getElementById("selectSrc");
var desOption=document.getElementById("selectDes");
for(var i=0;i<srcOption.childNodes.length;i++){
srcOption.removeChild(srcOption.childNodes[i]);
desOption.appendChild(srcOption.childNodes[i]);
}
}
function allselect2(){
var srcOption=document.getElementById("selectDes");
var desOption=document.getElementById("selectSrc");
for(var i=0;i<srcOption.childNodes.length;i++){
srcOption.removeChild(srcOption.childNodes[i]);
desOption.appendChild(srcOption.childNodes[i]);
}
}
</script>
</head>
<body>
<select multiple="multiple" id="selectSrc" ><option>添加</option><option>删除</option><option>查询</option><option>修改</option><option>打印</option></select>
<input type="button" value=">" style="width:30px" onclick="selected(document.getElementById('selectSrc'),document.getElementById('selectDes'))" />
<input type="button" value="<" style="width:30px" onclick="selected(document.getElementById('selectDes'),document.getElementById('selectSrc'))" />
<input type="button" value=">>" style="width:30px" onclick="allselect1()"/>
<input type="button" value="<<" style="width:30px" onclick="allselect2()"/>
<select multiple="multiple" id="selectDes">
</select>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
function selected(src,des){
for(var i=src.childNodes.length;i>=0;i--){
if(src.childNodes[i].selected==true){
src.removeChild(src.childNodes[i]);
des.appendChild(src.childNodes[i]);
}
}
}
function allselect1(){
var srcOption=document.getElementById("selectSrc");
var desOption=document.getElementById("selectDes");
for(var i=0;i<srcOption.childNodes.length;i++){
srcOption.removeChild(srcOption.childNodes[i]);
desOption.appendChild(srcOption.childNodes[i]);
}
}
function allselect2(){
var srcOption=document.getElementById("selectDes");
var desOption=document.getElementById("selectSrc");
for(var i=0;i<srcOption.childNodes.length;i++){
srcOption.removeChild(srcOption.childNodes[i]);
desOption.appendChild(srcOption.childNodes[i]);
}
}
</script>
</head>
<body>
<select multiple="multiple" id="selectSrc" ><option>添加</option><option>删除</option><option>查询</option><option>修改</option><option>打印</option></select>
<input type="button" value=">" style="width:30px" onclick="selected(document.getElementById('selectSrc'),document.getElementById('selectDes'))" />
<input type="button" value="<" style="width:30px" onclick="selected(document.getElementById('selectDes'),document.getElementById('selectSrc'))" />
<input type="button" value=">>" style="width:30px" onclick="allselect1()"/>
<input type="button" value="<<" style="width:30px" onclick="allselect2()"/>
<select multiple="multiple" id="selectDes">
</select>
</body>
</html>
解决方案 »
- EXTJS 3.4 为什么饼图的例子中饼图显示不出来
- 特意为javascript开发人员精心设计的调试工具箱
- 导航栏的下拉菜单在IE6.0的版本可以正常显示,换到IE7.0的版本无法显示。
- 如何使右击菜单显示多级的呀
- 关于一个正则表达式,我不太懂,还请知道的高手帮我看看
- js在网站建设中的位置
- 跨层调用js及window.function问题
- 怎样实现隐藏的功能
- 怎样将字符串转换为整型数进行加减运算?
- 怎么让ajax只请求一次就行了
- Enumerator atEnd()是指到最后一项 还是像C那种 指到最后一项的下一项?
- 点a herf连接后打开一个网页,然后等新打开的网页出现一个edit输入框后自动填字符
for(var i=src.childNodes.length-1;i>=0;i--){
if(src.childNodes[i].selected==true){
src.removeChild(src.childNodes[i]);
des.appendChild(src.childNodes[i]);
}
}
}
function allselect1(){
var srcOption=document.getElementById("selectSrc");
var desOption=document.getElementById("selectDes");
for(var i=0;i<srcOption.childNodes.length;i++){
srcOption.removeChild(srcOption.childNodes[i]);
desOption.appendChild(srcOption.childNodes[i]);
}
}
function allselect2(){
var srcOption=document.getElementById("selectDes");
var desOption=document.getElementById("selectSrc");
for(var i=0;i<srcOption.childNodes.length;i++){
srcOption.removeChild(srcOption.childNodes[i]);
desOption.appendChild(srcOption.childNodes[i]);
}
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
function selected(src,des){
for(var i=src.childNodes.length-1;i>=0;i--){
if(src.childNodes[i].selected==true){
src.childNodes[i].selected==false;
src.removeChild(src.childNodes[i]);
des.appendChild(src.childNodes[i]);
}
}
}
</script>
</head>
<body>
<select multiple="multiple" id="selectSrc" ><option>添加</option><option>删除</option><option>查询</option><option>修改</option><option>打印</option></select>
<input type="button" value=">" style="width:30px" onclick="selected(document.getElementById('selectSrc'),document.getElementById('selectDes'))" />
<input type="button" value="<" style="width:30px" onclick="selected(document.getElementById('selectDes'),document.getElementById('selectSrc'))" />
<input type="button" value=">>" style="width:30px" />
<input type="button" value="<<" style="width:30px" />
<select multiple="multiple" id="selectDes">
</select>
</body>
</html>
function selected(src,des){
while(src.selectedIndex >= 0)
des.appendChild(src.options[src.selectedIndex])
}
function allselect1(){
var srcOption=document.getElementById("selectSrc");
var desOption=document.getElementById("selectDes");
while(srcOption.options.length)
desOption.appendChild(srcOption.options[0])
}
function allselect2(){
var srcOption=document.getElementById("selectDes");
var desOption=document.getElementById("selectSrc");
while(srcOption.options.length)
desOption.appendChild(srcOption.options[0])
}