Question

我想在不重新加载页面的情况下添加文本。

这里我有2个TField（每个都有按钮POS和NEG）和2个TArea（1个TArea POS和1个TArea NEG）。当我在第一个TField中输入一些文本然后按下POS按钮时，文本被添加到TArea POS，反之亦然，如果第二个TField中有输入然后我点击POS，那么我的输入也会附加到TArea POST。

在使用FORM的纯php中，我可以做到。但在这里我想要页面而不重新加载。

<div id="retrain" >
<input type="text" id="tweet" name="tweet" title="Teks retrain"  />
<input type="submit" id="pos" name="pos" value="POS"/>
<input type="submit" id="neg" name="neg" value="NEG"/>
</div>
<div id="retrain" >
<input type="text" id="tweet" name="tweet" title="Teks retrain"  />
<input type="submit" id="pos" name="pos" value="POS"/>
<input type="submit" id="neg" name="neg" value="NEG"/>
</div>

<div id="box" >
<textarea style="width:420px" name="posbox" rows="4" cols="70"></textarea>
<textarea style="width:420px" name="negbox" rows="4" cols="70"></textarea>
</div>

<?php
  if (isset($_POST['pos'])) {

  }
  if (isset($_POST['neg'])) {

  }
  ?>

你能帮助我吗？谢谢你的帮助。

注意：这里我为所有输入使用相同的ID。

Answer 1

您无法使用php执行异步请求。它是服务器编译的，而不是像浏览器编译的javascript一样。

了解互联网如何运作！

Answer 2

您可以使用Javascript更改html中的字段。您的代码的问题是您的按钮是“提交”，因此必须提交表单（重新加载页面等）。通过这些小改动，您可以得到您想要的东西：

 <html>
    <head>
    <script>
      function changeField()
      {
          document.form1.tweet.value=document.form0.tweet.value;
      }
    </script>
    </head>
    <form name='form0' id='form0'>
        <div id="retrain" >
        <input type="text" id="tweet" name="tweet" title="Teks retrain"  />
        <input type="submit" id="pos" name="pos" value="POS"/>
        <input type="submit" id="neg" name="neg" value="NEG"/>
        </div>
    </form>
    <form name='form1' id='form1'>
        <div id="retrain" >
        <input type="text" id="tweet" name="tweet" title="Teks retrain"  />
        <input type="submit" id="pos" name="pos" value="POS"/>
        <button type="button" id="neg" name="neg" value="NEG" onclick="changeField();">NEG</button>
        </div>
    </form>
</html>

逻辑上，包含新功能的唯一按钮在form1中为“neg”：单击时，上面“tweet”文本框中的文本将写入下面的文本中。

PHP - 将文本添加到框而不重新加载页面

2 个答案: