javascript - 如何使用 jquery 将值传递给隐藏字段？

Question

<input type="hidden" id="name" name="hidden-new-field"/>
<form>
<input type="text" id="name-emails" />
<input id="send-btn" type="submit" class="button" value="SEND NOW" />
</form>

点击按钮我想将输入类型文本的值赋予隐藏类型的值

Answer 1

您的表单中几乎没有错误

• 输入类型文本 上没有name 属性
Hidden 元素的
• id 不应是 name(导致混淆)
• 隐藏字段应该在form标签内

我更喜欢这样

PHP

<form>
<input type="text" id="email"  name="email"/>
<input type="hidden" id="hidden_email" name="hidden_email"/>
<input type="submit" id="send_btn"  class="button" value="SEND NOW" />
</form>

jQuery

$("form").bind('submit',function(e){
  e.preventDefault();
  var formEmail=$("input[name=email]").val();
  $("input[type=hidden][name=hidden_email]").val(formEmail);     
});

DEMO