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;
        });
}