如何使用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屬性
• 隱藏元素的id不應該是名稱 （導致混淆）
• 隱藏字段應該在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

Answer 2

$("form").submit(function(e){
e.preventDefault();
$("#name").val("new_hidden_value");
});

Answer 3

$('input#send-btn').click(function(){
  $('input#name').val($('input#name-emails').val());
  return true;
});

Answer 4

var value = $("#name").val();
$("#name").val(value);

Answer 5

$('#send-btn').click(function() {
  $('#name').val($('#name-emails').val());
});

Answer 6

$(document).ready(function() {
    $("#send-btn").click(function(){
        $("#name").val($("#name").val(name-emails)));
    });
});    

請注意，上面的代碼仍然會在之后提交表單，我認為這是您想要的。

Answer 7

http://jsfiddle.net/billymoon/h97M6/

$('form').bind('submit',function() {
    $('#name').val($('#name-emails').val())
    alert($('#name-emails').val())
    return false
})