Hoe een select element opnieuw laden in een formulier nadat een modaal venster voor het invoegen van gegevens is gesloten?

Ik ontwikkel een webapplicatie op App Engine Python.

Ik heb een formulier met een select element dat alle geregistreerde gebruikers op het systeem zal weergeven.

Als de eerste optie van de selectie, 'gebruiker laden ...' is geselecteerd, een modaal venster voor het registreren moeten gebruikers worden weergegeven en nadat de vensters zijn gesloten, de combobox moet worden bijgewerkt met de bijgewerkte lijst met de nieuwste gebruiker standaard geselecteerd. Ik wil alleen dat de keuzelijst met invoervak ​​wordt bijgewerkt en niet het geheel pagina omdat er al veel 'niet lege' velden op het formulier kunnen staan.

Hoe kon ik dat in jQuery doen?

0
post wat code en ik kan meer inzicht geven.
toegevoegd de auteur David Cheung, de bron

2 antwoord


JQuery (niet getest):

$('select#users').on('change',function(){
    if($(this).val() == 'load'){
        //show add user dialog
    }
    });

Na het behalen van succes bij het toevoegen van gebruikersverzoek:

$('#add-new-user-form').submit(function(){
    //get data from form and make a dataString to post to server
    var username = $('input[name="username"]').val();
    //similar for other fields
    var dataString = 'username='+ username + '&email=' + email + '&pass=' + pass;
    $.ajax({  
        type: "POST",  
        url: "url/to/your/backend/code",  
        data: dataString,  
        success: function(responseData) { 
            //check how to return JSON or any other data using your backend
            var newUser = responseData;
            var newSelect = $('