javascript - 从另一个表单发送值

Question

我有多个表单指向将数据存储到 sql 数据库中的同一站点。对于每个表单，用户必须填写一个与表单分开的文本字段。我不明白如何从分隔的文本字段中为每个表单发送相同的值。

<form name="user" action="http://hello.xy/login.php" method="GET">
  <input type="text" value="User" name="provider" hidden>
    Name: <br/>
    <input type="text" value="" name="user_name"><br/>
    Email: <br/>
    <input type="text" value= "" name="user_email"><br/>
<strong><textarea hidden name="comment" value="value from the form comment"></textarea></strong>
    <input type="submit" value="submit">
</form>

<form name="google" action="http://hello.xy/login.php" method="GET">
    <input type="text" value="Google" name="provider" hidden>
  <strong><textarea hidden name="comment" value="value from the form comment"></textarea></strong>
    <input type="image" src="images/logos/google.png" value="submit">
</form>

<form name="twitter" action="http://hello.xy/login.php" method="GET">
    <input type="text" value="Twitter" name="provider" hidden>
  <strong><textarea hidden name="comment" value="value from the form comment"></textarea></strong>
    <input type="image" src="images/logos/twitter.png" value="submit">
</form>

<form name="facebook" action="http://hello.xy/login.php" method="GET">
    <input type="text" value="Facebook" name="provider" hidden>
  <strong><textarea hidden name="comment" value="value from the form comment"></textarea></strong>
    <input type="image" src="images/logos/facebook.png" value="submit">
</form>

分隔的文本字段，但在同一站点上:

<form name="comment" >
    <textarea name="input" ></textarea>
</form>

我希望有人能帮助我。 谢谢， 米施

Answer 1

如果没有 JavaScript，您无法同时从两个表单发送数据。

没有 JavaScript 的解决方案是使用一种形式:

<form action="http://hello.xy/login.php" method="GET">

  <textarea name="comment"></textarea>

  <label for="user_name">Name</label>
  <input type="text" name="user_name" id="user_name">
  <label for="user_email">Email</label>
  <input type="text" name="user_email" id="user_email">
  <button type="submit" name="provider" value="User">Submit</button>

  <input type="image" src="images/logos/google.png" name="provider" value="Google">
  ...

</form>

更新

由于您使用的是 jQuery，因此请使用:

<textarea name="comment" class="comment-visible"></textarea>

并在每种形式中包含:

<input type="hidden" name="comment" class="comment-hidden">

jQuery:

$(document).on('input', '.comment-visible', function(){
  $('.comment-hidden').val( $(this).val() );
});