如何向textarea中添加文字

现在有四个按钮为buttonA.B.C.D.点击他们如何向textarea写好的的文字中添加文字

<textarea name="" rows="" cols="">
    我!
    是
    XXX。
    几年好多岁了。
</textarea>

后台给的数据是一个数组是内容

content = ['xiaoming','xiaohong','xiaolv','xiaobai']

如何点击ABCD四个按钮把XXX改为相对应的文字

阅读 11.6k
3 个回答
var text = document.getElementsByTagName('textarea')[0]
addEventListener('click',function(){
    text.value = 'xiaoming';
}

<textarea id ="test" value="" ></textarea>
<input type="button" class = "btn" value="btn1" data-str="xiaoming" />
<input type="button" class = "btn" value="btn2" data-str="xiaohong" />
<input type="button" class = "btn" value="btn3" data-str="xiaolv" />
<input type="button" class = "btn" value="btn4" data-str="xiaobai" />
$(document).ready(function(){

$(".btn").click(function(){
var data=$(this).attr("data-str");
    var text = $("#test").val(" ");
    $("#test").val( "我是"+data+"几年好多岁了。");
});

});

可以通过循环;把数组content中的元素;添加到按钮对应的位置。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题