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

【问题标题】：Not all fields are available after submit form POST提交表单 POST 后并非所有字段都可用
【发布时间】：2017-03-12 12:53:41
【问题描述】：

我有一个包含 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>

【问题讨论】：

请提供您的代码，以便我们查看。

标签： forms post submit

【解决方案1】：

我终于找到了解决方案！感谢这个问题：Missing fields when submitting form

当您忘记指定“名称”参数时，并非所有字段都提交。

【讨论】：