<!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>
解决方案 »
- 一个很奇怪的关于offsetParent的问题,可能个CSS有关,狂晕中。
- 如何插入另一个js?在线等
- javascript中的一个问题,谢谢~~~~~~~
- 老貼再問__有沒有javascript 的解決方法啊
- 请问如何调用JS文件
- 如何在选择下拉框后出一个新的下拉框
- javascript怎么把小数四舍五入取两位小数?
- 1.如何自动使输入框里输入的字母变为大写?2.如何使输入框只能输入数字?
- echarts 图表ajax更新出现乱码问题!!急急急
- vux 的datetime minute-list赋值问题
- 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])
}