当前位置: 代码迷 >> JavaScript >> JS点击添加内容到textarea解决思路
  详细解决方案

JS点击添加内容到textarea解决思路

热度:322   发布时间:2012-05-22 18:18:54.0
JS点击添加内容到textarea
JS点击链接将值添加至textarea内,但是有几个要求。
1.添加内容后清空textarea原有内容。
2.添加内容后换行一下,然后将光标放在新行开头。

不知道大家能理解不?
其实就是我网站的一个评论功能里的回复功能,比如在点击1楼的“回复他”,那就给评论内容的textarea框内添加“回复1楼”,然后光标放在换行后的新行等待用户输入回复的内容。

------解决方案--------------------
HTML code
<a href="javascript:void(0)" onclick="a()">回复他</a>
<textarea id="t" cols="100" rows="10">abc</textarea>

<script>
  function a(){
    var e=document.getElementById("t");
    e.focus();
    e.innerText="回复1楼:\r\n";
  }
</script>

------解决方案--------------------
HTML code

<a href="javascript:doit('回复1楼');void(0);">回复他</a>
<textarea id="ta" rows="10" cols="40">xxx</textarea>
<script language="JavaScript"> 
function doit(s){
    var t = document.getElementById("ta");
    t.value = s + "\n";
    t.focus();
    if(document.all) t.createTextRange().collapse(false);
    else t.selectionStart = t.value.length;
}
</script> 
  相关解决方案