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

    Select a user
    Load Users...

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 = $('');
            newSelect.append('' + newUser.name + '');
            $('#users').replaceWith(newSelect);
            $("#users option[value='" + newUser.value + "']").attr('selected', 'selected');
            }  
    });  
    return false;//prevent default form submission
    }



1

toegevoegd 24 juni 2012 op 12:45
de auteur sabithpocker



de bron









bedankt sabithpocker! Ik zal het proberen...

toegevoegd 24 juni 2012 op 12:56, 
de auteur Lucas, 

de bron




hey @sabithpocker, moet je niet wat ajax gebruiken om de lijst met gebruikers op te halen? en in de methode loadNewUser (), hoe moet ik de lijst met gebruikers van de server ophalen?

 toegevoegd 24 juni 2012 op 01:12, 
de auteur Lucas, 

de bron




bedankt @sabithpocker, nadat je het bewerkte antwoord hebt geplaatst, zal ik het proberen te implementeren =)

toegevoegd 24 juni 2012 op 01:28, 
de auteur Lucas, 

de bron




@Nord als u veel gebruikers een lus gebruikt bij het toevoegen van opties. En stel de juiste ona in als geselecteerd, eerste of laatste item in de lijst met gebruikers.

toegevoegd 24 juni 2012 op 12:57, 
de auteur sabithpocker, 

de bron




@Nord Het hangt ervan af hoe je dingen hebt geïmplementeerd in de server, ja zeker dat je ajax kunt gebruiken om gegevens in te dienen en te ontvangen.

toegevoegd 24 juni 2012 op 01:18, 
de auteur sabithpocker, 

de bron




@Nord moet u vervolgens het formulier met ajax verzenden en code op de server schrijven om te reageren met de details van nieuw toegevoegde gebruikers. Zodra het antwoord is aangekomen, kunt u bij selectie selectief veranderen. Ik zal hiermee een antwoord bewerken, maar niet de servercodes.

toegevoegd 24 juni 2012 op 01:25, 
de auteur sabithpocker, 

de bron






Naar mijn mening wordt het modale venster gegenereerd als onderdeel van je huidige DOM. Het modale venster met de lijst met geregistreerde gebruikers heeft toegang tot de DOM van de oproeppagina. U kunt uw code voor het modale venster een update laten uitvoeren van uw geselecteerde element op de aanroeppagina wanneer op de knop Sluiten of op de koppeling wordt geklikt.
In uw modale venstercode neem ik aan dat u een klikgebeurtenis hebt gekoppeld aan de verzendknop. U kunt een formulier ajax verzenden aan het einde van die functie om het formulier terug te sturen naar uw server voor verwerking.
Bijvoorbeeld:
$('#submit').click(function(){
 //some activity
 $("#callingPageForm").ajaxSubmit({url: 'server.php', type: 'post'})
 //close window
});

Meer informatie over het indienen van een formulier in een ajax-verzoek  hier .


1

toegevoegd 24 juni 2012 op 12:40
de auteur David Cheung



de bron



bedankt Davis! Ik heb een formulier met een select element dat een lijst met geregistreerde gebruikers weergeeft, en de eerste optie van de selectie moet doorverwijzen naar een modaal venster. Dat modale venster bevat een formulier voor het invoegen van een nieuwe gebruiker. Wanneer op de knop 'verzenden' wordt geklikt, moet de modal worden gesloten en moet het geselecteerde element van het oorspronkelijke formulier worden bijgewerkt met de nieuwe lijst met gebruikers ...

toegevoegd 24 juni 2012 op 01:05, 
de auteur Lucas, 

de bron




@sabithpocker Ik moet me aanmelden bij de server om de update daar te maken, maar dan moet het geselecteerde element de bijgewerkte lijst weergeven ...

toegevoegd 24 juni 2012 op 01:21, 
de auteur Lucas, 

de bron




@Nord Moet het indienen van modal worden ingediend om te splitsen of om het selectiemenu in vorige vorm bij te werken?

toegevoegd 24 juni 2012 op 01:14, 
de auteur sabithpocker, 

de bron