使用onClick事件在textarea中自动插入html代码

时间:2016-08-07 06:42:58

标签: php

我使用此代码插入文本,但现在我想在textfield中添加html代码。

 <input type="button" class="btn btn-danger btn-flat" value="Bitcoin" onclick="insertText('input-comment', '<iframe src="invoice.php?address=3NUcGsurfneJxMC3vb5hWwgjg5ytTP9daB&amount=10&id=109" width="800px" height="800px" frameborder="0px"></iframe>');">

当我在其中添加文本时它工作正常但在我添加此HTML代码时不再工作。这个html代码(iframe代码)应该在按钮点击时自动插入textarea。

我的js

<script type="text/javascript">
  function insertText(elemID, text)
  {
    var elem = document.getElementById(elemID);
    elem.innerHTML += text;
  }
</script>

1 个答案:

答案 0 :(得分:1)

尝试转义函数参数中的双引号,例如:

<input type="button" class="btn btn-danger btn-flat" value="Bitcoin" onclick="insertText( 'input-comment', '<iframe src=\'invoice.php?address=3NUcGsurfneJxMC3vb5hWwgjg5ytTP9daB&amount=10&id=109\' width=\'800px\' height=\'800px\' frameborder=\'0px\'></iframe>' )" /> 

更正了以前的代码 - 这似乎有效