提交表单POST后,并非所有字段都可用

时间:2017-03-12 12:53:41

标签: forms post submit

我有一个包含4个字段和提交按钮的简单表单:

  • 姓名(文字)
  • 姓氏(文字)
  • 地区(选择)
  • 城市(选择)
  • 提交(按钮)

对于字段“Region”和“City”选项 - 数据由ajax从服务器动态加载。 当我填写所有字段并按“提交”时,我看到并非所有数据都已发送。 只发送了文本字段(名称和姓氏),但选择字段(动态加载的选项数据) - 则不是。 为什么呢?

function changeCities(region) {
    $.ajax({
        url: "/comment/",
        context: document.body,
        data: {"region": region},
        success: function(response){
            var resp_data = JSON.parse(response);
            $.each(resp_data, function (i, item) {
                $('#city').append($('<option>', {
                    value: i,
                    text: item
                }));
            });
        }
    });
};
<form action="#" method="POST">
    <input type="text" name="name" id="surname"><br>
    <input type="text" name="surname" id="name"><br>
    <select id="region" onchange="changeCities(this.value)">
        <option value="default"></option>
    </select><br>
    <select id="city">%s</select><br>
    <input type="submit" value="Submit" id="button"><br><br>
</form>

1 个答案:

答案 0 :(得分:0)

FInally我找到了解决方案!谢谢你提出这个问题:Missing fields when submitting form

当您忘记指定&#34; name&#34;时,并非所有字段都已提交参数。