Jak dodać dodatkowe pola do formularza przed przesłaniem?

Question

Czy istnieje sposób użycia javascript i JQuery do dodania dodatkowych pól do wysłania z formularza HTTP przy użyciu testu POST?

Znaczy:

<form action="somewhere" method="POST" id="form"> 
    <input type="submit" name="submit" value="Send" /> 
</form> 

<script type="text/javascript"> 

    $("#form").submit(function(eventObj) 
     { 
      // I want to add a field "field" with value "value" here 
      // to the POST data 

      return true; 
     } 
</script> 

Answer 1

Yes.You może spróbować z jakimiś ukrytymi params.

$("#form").submit(function(eventObj) { 
     $('<input />').attr('type', 'hidden') 
      .attr('name', "something") 
      .attr('value', "something") 
      .appendTo('#form'); 
     return true; 
    }); 

Answer 2

Spróbuj tego:

$('#form').submit(function(eventObj) { 
    $(this).append('<input type="hidden" name="field_name" value="value" /> '); 
    return true; 
}); 

Answer 3

Możesz dodać hiddeninput z cokolwiek wartość trzeba wysłać:

$('#form').submit(function(eventObj) { 
    $(this).append('<input type="hidden" name="someName" value="someValue">'); 
    return true; 
}); 

Answer 4

$('#form').append('<input type="text" value="'+yourValue+'" />'); 

Answer 5

to działa:

var form = $(this).closest('form'); 

form = form.serializeArray(); 

form = form.concat([ 
    {name: "customer_id", value: window.username}, 
    {name: "post_action", value: "Update Information"} 
]); 

$.post('/change-user-details', form, function(d) { 
    if (d.error) { 
     alert("There was a problem updating your user details") 
    } 
});