求大神赐教，如何点击某段文字，会在左侧的文本域中出现相应的文字？

Question

我点击右侧的文字，在左侧会出现相应的文字，
我想要的这个效果可以看看这个网页：http://xm.875.cn/sahzt/index.html?aid=443&sid=3047 JavaScript div+css 

Answer 1

<li>
<span onclick="sel('·此项目很好，请尽快联系我详谈。')" style="CURSOR: pointer;"> 此项目很好，请尽快联系我详谈。</span>
</li>
<li>
<span onclick="sel('·请问我所在的地区有加盟商了吗？')" style="CURSOR: pointer;"> 请问我所在的地区有加盟商了吗？</span>
</li>

Answer 2

<style type="text/css">
#div1{
height:50px;
width:300px;
margin-left:300px;
margin-top:-150px;
padding:15px;
background-color:#8FBC8F;
border:1px solid black
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("#div1").click(function(){
$("textarea").val($("#div1").text());
});
})
 </script> 
<textarea rows="10" cols="30"></textarea>   
<div id="div1">
 此项目很好 此项目很好
  此项目很好 此项目很好
   此项目很好 此项目很好
    此项目很好 此项目很好
</div>

Answer 3

<textarea id='msg-area'></textarea><li>
<span id='msg1' style="CURSOR: pointer;"> 此项目很好，请尽快联系我详谈。</span>
</li>
<li>
<span id='msg2' style="CURSOR: pointer;"> 请问我所在的地区有加盟商了吗？</span>
</li> 
<script>
for(var i=0;i<1;i++) {
    document.getElementById('msg'+i).onclick=function(){
        document.getElementById('msg-area').value+=this.innerHTML;
    }
}
</script>

Answer 4

目测跟select差不多，有时间就研究研究那个， 要不就用LS的方法

Answer 5

但是 我实践了一下，当有多个#div1的时候，就不能了。我是新手，希望您能告诉我，怎么让各条依次可以出现在左边的框框中。

Answer 6

<style type="text/css">
#div1{
height:50px;
width:300px;
margin-left:300px;
margin-top:-150px;
padding:15px;
background-color:#8FBC8F;
border:1px solid black
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$("#div1 div").click(function(){
$("textarea").append($(this).text());
});
})
 </script> 
<textarea rows="10" cols="30"></textarea>   
<div id="div1">
<div>
 此项目很好 此项目很好0
</div>
<div>
 此项目很好 此项目很好1
</div>
<div>
 此项目很好 此项目很好2
</div>
<div>
 此项目很好 此项目很好3
</div>
</div>