Schreiben Sie eine callback-Funktion für ein bootstrap modal

Ich habe ein bootstrap modal Bestätigung, wo ich will, zur Anzeige der aktuell ausgewählten Wert des html-select-Liste als auch ein Wert, der durch die übergabe einer Variablen.

Fragte ich das SO Frage, und bekam eine gute Antwort, die hier über Anzeige von zwei Werten aus der gleichen html-select-Liste für ein JavaScript-popup. Allerdings habe ich jetzt ersetzen müssen JavaScript Bestätigung mit einem bootstrap-modal.

Hier ist das html-select-Liste:

<select name="language_code" id="id_language_code">
    <option value="ar">Arabic - العربية</option>
    <option value="bg">Bulgarian - Български</option>
    <option value="zh-CN">Chinese (Simplified) - 中文 (简体)‎</option>
    <option value="en" selected="selected">English (US)</option>
    <option value="fr-CA">French (Canada) - français (Canada)‎</option>
</select>

Kann ich die Anzeige von zwei Sprache, die Werte, auf die bootstrap-modal, mit dem folgenden code:

$( "#submit_buttonA" ).attr('update-confirm', 'Are you sure you want to change the language of the website from ' + $('#id_language_code option[value=' + '{{ user.get_profile.language_preference }}' +  ']').text() + ' to ' + $('#id_language_code option:selected').text() + '?');

Den oben genannten code-Zeile gibt immer die 2. Sprache Wert $('#id_language_code option:selected').text() (gekennzeichnet als selected="selected") als Englisch (US) auf der bootstrap-modal, selbst wenn der Benutzer ausgewählt hat, Bulgarisch - Български.

Habe ich gelesen, bis auf diese und glauben, dass dies erfordert einen JavaScript-callback-Funktion, da die bootstrap-modal ist asynchron, während der JavaScript confirm() ist nicht asynchron.

Ist das richtig? Ich habe versucht, das schreiben einer call-back-Funktion, um wieder den Wert des html-select-Liste, die der Benutzer ausgewählt hat, aber es funktioniert nicht. Ich bin nicht sicher, ob dies der richtige Ansatz, oder, dass meine code-skills sind nicht gut genug.

Kann mir jemand zeigen, wie schreibt man dieses call-back-Funktion und erklären, wie es funktioniert, denn ich bin wirklich verwirrt, wie man diese zu arbeiten?

InformationsquelleAutor user1261774 | 2014-07-23
  1. 7

    Bootstrap-modal-Klasse bereits unter Veranstaltungen zum Einhängen in die modal-Funktionalität.

    1. zeigen - Dieses Ereignis wird ausgelöst, unmittelbar nachdem der show-Instanz-Methode aufgerufen wird.
    2. gezeigt - Dieses Ereignis wird ausgelöst, wenn das modal hat sichtbar gemacht wurden, an den Benutzer (wartet auf css-übergänge zu vervollständigen).
    3. verstecken - Dieses Ereignis wird ausgelöst, unmittelbar nach dem ausblenden der Instanz-Methode aufgerufen wurde.
    4. versteckt - Dieses Ereignis wird ausgelöst, wenn das modal beendet hat, wird vor dem Benutzer verborgen (wartet auf css-übergänge zu vervollständigen).

    Können Sie die oben genannten Ereignisse als 

     $('#myModal').on('shown', function () {
    //your code to display the message
 })

    Hoffe, dies wird Ihr problem lösen !!

    EDIT 1 :

    Das eigentliche problem ist mit jquery selector $('#id_language_code option:selected').text();
    Verwenden
    var selectedValue = $('#id_language_code').val(): die Ihnen den aktuell ausgewählten Wert in die select box. und Sie können $('#id_language_code option[value=' + selectedValue + ']').text(); um den text, der vom Benutzer ausgewählt wird.

    Sie nicht brauchen, um für die Call-back-Funktion für dein problem.

    Guten Tag

    • Hast du falsch verstanden die Frage. Ich möchte die Anzeige von Werten in einem bootstrap-modal. Die Darstellung des modal ist nicht ein Problem.
    • Aber Sie brauchen, um synchronisieren Sie die ausgewählten Werte in den text des modal, wenn Sie (re)Anzeige des modalen. "immer wenn Sie (re)Anzeige des modal" = show/shown Veranstaltung
    • anzeigen möchten Sie einen Wert in einer bootstrap-modal" was ist der verwirrende Teil in der Anzeige?? können Sie erklären, etwas mehr ?. Ich freue mich, um herauszufinden, eine Lösung für Ihr problem
    • Navas Basheer, wählt der Benutzer Bulgarisch - Български aus dem html-select-Liste & klickt dann auf das Formular-senden-Schaltfläche, die angezeigt ist der Wert der select-Liste angezeigt werden soll (nicht die selected - Wert) bei der modal-Nachricht. Derzeit ist der falsche Wert markiert als "ausgewählt" wird immer angezeigt, das ist Englisch (US), wie oben in dem Beispiel wählen Sie Liste. Ich möchte zur Anzeige von Bulgarisch - Български. Macht das Sinn? Das hat mich wirklich verwirrt, warum ich nicht die "Bulgarisch - Български" Wert der modal-Nachricht.
    • jetzt habe ich, was deine Frage ist !!!! das problem mit der jquery-Selektor $('#id_language_code option:selected').text() verwenden var selectedValue = $('#id_language_code').val() die Ihnen den aktuell ausgewählten Wert in die select box. und Sie können $('#id_language_code option[value=' + selectedValue + ']').text(); um den text, der vom Benutzer ausgewählt wird. Lassen Sie mich wissen, Ihr Ergebnis nach dem Versuch diese 🙂
    • Navas Basheer, leider hatte ich schon versucht diesen Ansatz. Die "selectedValue", die Sie empfehlen, gibt den ausgewählten Wert von en (weil Englisch (US) ausgewählt ist), obwohl Sie Bulgarisch - Български aus dem html-select-Liste.
    • Nein. Warten! Das funktioniert!! Stupid me!! Spielen und Optimiere den code, der das Problem mit dem Vorschlag von Navas Basheer. DANKE NAVAS BASHEER. Bearbeiten Sie Ihre Antwort, und ich werde markieren Sie es als richtig.
    • Das ist cool !!!
    • Bitte beachten Sie, dass in der aktuellen version von bootstrap-modal, die onShown Ereignis auf wie das funktioniert: auf("gezeigt.bs.modal",...

    InformationsquelleAutor Navas Basheer
Schreibe einen Kommentar