如何实现点击后自动完成复制粘贴

左边是内容有很多条 点击任何一条数据就会自动复制粘贴到右边的框内？然后左边点击过的数据会有一个提示已点击。这个如何实现啊？ 

解决方案 »

  1.   

    <script>
    function sel(theinput)
    {
      if(document.getElementById("content").value!="")
         document.getElementById("content").value+="\n"+theinput
      else
    document.getElementById("content").value=theinput
    }
    </script>
    <table>
    <TR>
    <TD><A class="STYLE3" onClick="sel('点击自动添加内容')" style="cursor:hand;">点击自动添加内容</A>
    </TD>
    <TD><A class="STYLE3" onClick="sel('1111111)" style="cursor:hand;">1111111</A>
    </TD>
    <TD><A class="STYLE3" onClick="sel('22222222)" style="cursor:hand;">22222222</A>
    </TD>
    </TR>
    <TR>
    <TD><textarea name="content"></text_area>
    </TD>
    </TR>
    </table>找到一个可以实现点击自动添加内容的。但是发现只能添加一条信息，点击二条和第二条以后的就没有反映了。应该如何修改啊？还有点击后点击过的内容如何加上一个标记？
      

  2.   


     <script>
    function sel(theinput)
    {
      if(document.getElementById("content").value!="")
         document.getElementById("content").value+="\n"+theinput
      else
    document.getElementById("content").value=theinput
    }
    </script>
    <table>
    <TR>
    <TD><A class="STYLE3" onClick="sel('点击自动添加内容')" style="cursor:hand;">点击自动添加内容</A>
    </TD>
    <TD><A class="STYLE3" onClick="sel('1111111')" style="cursor:hand;">1111111</A>
    </TD>
    <TD><A class="STYLE3" onClick="sel('22222222')" style="cursor:hand;">22222222</A>
    </TD>
    </TR>
    <TR>
    <TD><textarea name="content"></textarea>
    </TD>
    </TR>
    </table>
    他sel里的字符串没对号引号.textarea的闭标签也写错了.
      

  3.   

    <script>
    function sel(theinput)
    {
      if(document.getElementById("content").value!="")
         document.getElementById("content").value+="\n"+theinput.innerHTML
      else
    document.getElementById("content").value=theinput.innerHTML
    theinput.title='该数据已被点击过';
    }
    </script>
    <table>
      <TR>
    <TD>
    <A class="STYLE3" onClick="sel(this)" style="cursor:hand; color:blue;">点击自动添加内容</A><br>

    <A class="STYLE3" onClick="sel(this)" style="cursor:hand; color:blue;">1111111</A><br>

    <A class="STYLE3" onClick="sel(this)" style="cursor:hand; color:blue;">22222222</A>
    </TD>
    <TD>
    <textarea name="content" rows="4"></textarea>
    </TD>
      </TR>
    </table>
      

  4.   


    <script>
    function sel(_this){
      var obj_right=document.getElementById("content")
      var tmp_str=(obj_right.value==""?"":"\n")+_this.innerHTML
      obj_right.value+=tmp_str
      _this.style.color="#aaa"
    //  _this.title="该数据已被点击过"
      _this.onclick=function(){alert("该数据已被点击过")}
    }
    </script>
    <table>
    <TR>
    <TD width="161">
    <A class="STYLE3" onClick="sel(this)" style="cursor:hand;">点击自动添加内容</A><br>
    <A class="STYLE3" onClick="sel(this)" style="cursor:hand;">1111111</A><br>
    <A class="STYLE3" onClick="sel(this)" style="cursor:hand;">22222222</A><br>
    </TD>
    <TD width="161"><textarea name="content" rows="6" cols="54"></textarea>
    </TD>
    </TR>
    </table>
      

  5.   


    <body>
    <script>
    function sel(_this){
      var obj_right=document.getElementById("content")
      var tmp_str=(obj_right.value==""?"":"\n")+_this.innerHTML
      obj_right.value+=tmp_str
      _this.style.color="#aaa"
      _this.title="该数据已被点击过"
      _this.onclick=function(){alert("该数据已被点击过")}
    }
    function init(){
    var obj=document.getElementById("infs").getElementsByTagName("a"),j=obj.length
    for (var i=0;i<j;i++)
    if (obj[i].className=="STYLE3"){
    obj[i].title="点击自动添加内容"
    obj[i].onclick=function(){sel(this)}
    }
    }
    onload=init
    </script>
    <table>
    <TR>
    <TD width="161" id=infs>
    <A class="STYLE3" style="cursor:hand;">点击自动添加内容</A><br>
    <A class="STYLE3" style="cursor:hand;">1111111</A><br>
    <A class="STYLE3" style="cursor:hand;">22222222</A><br>
    </TD>
    <TD width="161"><textarea name="content" rows="6" cols="54"></textarea>
    </TD>
    </TR>
    </table>
    </body>