从左边的文本域将内容复制到右边的文本域,谁有代码?提供学习一下。不是Jquery的,是原生的JS代码。谢谢啊!
[code="html"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<br> <!--<br> window.onload=function(){<br> $=function(s){return document.getElementById(s)}<br> var slt1=$('slt1'),slt2=$('slt2'),btn1=$('btn1'),btn2=$('btn2');<br> btn1.onclick=function(){<br> change(slt1,slt2);<br> };<br> btn2.onclick=function(){<br> change(slt2,slt1);<br> };<br> }<br> function change(slt1,slt2){<br> for(var i=slt1.options.length-1;i+1;i--){<br> var opt=slt1.options[i]<br> if(opt.selected){<br> var nopt=document.createElement("option");<br> nopt.text=opt.text;<br> nopt.value=opt.value;<br> try{slt2.add(nopt,null)}catch(ex){slt2.add(nopt)}<br> slt1.options[i]=null;<br> }<br> }<br> }<br> //--><br>
[/code]
参考文章:
http://z75148885.iteye.com/blog/454996
将这个处理拷贝粘贴的逻辑,修改为按钮触发以后的事件就可以吧。
[code="java"]
function addOptions(srcField,aimField)
{
var flag;
for(var x=srcField.length-1;x>=0;x--)
{
var opt = srcField.options[x];
flag = true;
for (var y=0;y < aimField.length;y++)
{
var myopt = aimField.options[y];
if (myopt.value == opt.value)
{
srcField.options[x] = null;
flag = false;
}
}
if(flag)
{
srcField.options[x] = null;
aimField.options[aimField.options.length] = new Option(opt.text, opt.value, 1, 1);
}
}
}
function 按钮打击()
{
addOptions(document.getElementById('left'),document.getElementById('right'))
}
[/code]