POST缺少動態隱藏表單字段數據

Question

我有一個表單，提交時不會發布動態添加的隱藏字段。

的HTML：

<div>
<form action="thankyou.php" onsubmit="return validate()" id="orderform" method="post">
<input type="text" name="name" /><br>
<input type="text" name="email" required /><br>
<input type="text" name="charterco" required /><br>
<input type="text" name="bname" /><br>
<input type="text" name="dtime" required /><br>
<input type="submit" />
</form>
</div>

jQuery的：

$('#orderform').submit(function(eventObj){
$('<input />').attr('type','hidden')
    .attr('id','list')
    .attr('name','shopList')
    .attr('value',sliststr>)
    .appendTo('#orderform');
return true;
});

來自Chrome DevTools的POST數據：

name:b
email:b@b.com
charterco:b
bname:b
dtime:12:00
message:Comment

我無法解決出了什么問題。 我sliststr變量變成了填充和正確的對的jsfiddle我的小調試測試這里 。 出於某種原因，它不是POST。

編輯：正如@JayBlanchard在下面指出的那樣，我已在編寫POST后添加到表單。

Answer 1

嘗試附加動態元素，設置其值，然后提交表單。 否則，它將提交表單，然后在回調中附加html。

嘗試以下方法。

function validate(){
        var shoplist = [1,2,3];
        $('#orderform').append("<input type='text' name='shop' id='list'>")
        $('[name="shop"]').val(shoplist)
        $('#orderform').submit(function(eventObj){

        return true;
        });
}