主页 / 问题 / 732232
Accepted
Creator
Asked:2020-10-18 02:15:12 +0000 UTC2020-10-18 02:15:12 +0000 UTC

如何用来自 javascript 变量的信息填充 textarea

  • 772

需要将变量传递给textarea按钮单击。

输入数据：

<script>
  var insta = "<?php echo $instapost; ?>";
  function addinsta() {
    document.getElementById("txtpost").innerHTML = insta;
  }
</script>

变量insta成功接收到来自php-variable的多行文本，接下来需要$instapost点击button填写<textarea>接收到的变量。

实际上我们有什么：

<button id="instabutton" onclick="addinsta()">Generate Post</button><br />
<textarea id="txtpost" name="txtpost"></textarea>

只要我没有尝试： document.getElementById("txtpost").value = insta- 也不起作用。

我究竟做错了什么？

javascript

3 个回答

  1. 在每行末尾插入“\”：

    var insta = "Какое то имя\n\
Модель открытой базы данных украинских детей-моделей 'Kids Models'\n\
 лет. , Украина\n\
\n\
\n\
Опыт работы:  года\n\
\n\
\n\
Награды: \n\
\n\
Анкету модели, а так же полный каталог моделей можно найти на портале Kids Models. Ссылка в профиле.\n\
\n\
#kmdb, #kidsmodels, #kidsmodelsua, #backstage, #model, #topmodel, #photomodel, #kidmodel, #fashion, #fashionkids, #casting, #tfp, #кастинг, #модель, #детимодели, #мальчикимодели, #детскаямода, #фотосессия";

function addinsta() {
  document.getElementById("txtpost").innerHTML = insta;
}
    <button type="button" id="instabutton" style="width: 270px;" onclick="addinsta()">Generate Instagram Post</button><br />
<div id="extra">
<textarea id="txtpost" name="txtpost"></textarea>
</div>

    • 1

  2. 通过以下设计解决了该问题：

    <script>
  var insta = `<?php echo $instapost; ?>`;
  function addinsta() {
    document.getElementById("txtpost").innerHTML = insta;
  };
</script>

    为了不在每行的末尾放置“\”，我根据 ES-2015 标准将 php 变量用反引号 `` 框起来（其中允许换行）。一切正常！

    • 0
  3. Best Answer

    一个很好的简单解决方案是这样做：

    <script>
  var insta = <?php echo json_encode($instapost); ?>;

  function addinsta() {
    document.getElementById("txtpost").value = insta;
  }
</script>

    顺便说一句，斜线被转义了，所以</script>line不会有问题。

    • 0

相关问题