Nicht alle Felder werden nach verfügbaren einreichen Form POST

Question

ich ein einfaches Formular mit einem 4-Felder haben und Submit-Button:

• Name (Text)
• Nachname (Text)
• Region (Auswahl)
• Stadt (wählen)
• Senden (Button)

Für Felder "Region" und "City" op Daten, die dynamisch vom Server mit ajax geladen werden. Wenn ich alle Felder ausfülle und "Submit" drücke, sehe ich, dass nicht alle Daten gesendet wurden. Es wurden nur Textfelder gesendet (Name und Nachname), aber Felder auswählen (welche Optionsdaten dynamisch geladen werden) - nicht. Warum?

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>

Answer 1

Schließlich fand ich Lösung! Vielen Dank für diese Frage: Missing fields when submitting form

Nicht alle Felder gesendet, wenn Sie vergessen haben, "Name" Parameter anzugeben.