从其他表单

时间:2016-01-03 11:59:45

标签: javascript jquery html

我有多个表单指向数据存储在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/>
<textarea hidden name="comment" value="value from the form comment"></textarea>
    <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>
  <textarea hidden name="comment" value="value from the form comment"></textarea>
    <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>
  <textarea hidden name="comment" value="value from the form comment"></textarea>
    <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>
  <textarea hidden name="comment" value="value from the form comment"></textarea>
    <input type="image" src="images/logos/facebook.png" value="submit">
</form>

分隔的文字字段,但在同一网站上:

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

我希望有人可以帮助我。 谢谢, 米施

2 个答案:

答案 0 :(得分:3)

如果没有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() );
});

答案 1 :(得分:1)

<textarea>没有value=属性。值是内部的文本节点。离。

<textarea>value</textarea>