JQuery-ausgewählt-Wert aus dynamisch erzeugten dropdown

Ich habe eine Dropdown-Liste, die erzeugt wird dynamisch

das unten ist das code-snippet des Dropdown generiert

<select class='selectAggregate'>
  <option>Select</option>
  <option>Min</option>
  <option>All</option>
</select>

Wie bekomme ich die Seleceted option mit JQuery

Bearbeiten habe ich den jquery code, den ich verwendet habe

 $('.selectAggregate').each(function()
            {
                var $val = $("option:selected",this).text();                    
        }

selectAggregate ist das class-Attribut dynamisch generierte dropdowns

  • aber seine nicht funktioniert
  • Zeigen Sie uns, wie Sie versucht haben $('.selectAggregate').val()
  • 'var $val = $("option:selected",this).val(); mit this'für das aktuelle element
  • besser, Sie fügen value-Attribut für Ihre Wahl-tags, dann versuchen Sie die gleiche
  • habe versucht, hinzufügen Wert, und auch text() zu bekommen
  • $('.class').each(function(){ var $val = $("option:selected",this).val(); }); .class - Klasse ist der Wert der dropdown-Liste
  • Ich bearbeitet die Frage mit dem code

InformationsquelleAutor Prem | 2015-10-20
  1. 9

    Basiert auf Annahmen, dass Sie eine "direkte" Bindung, die nur anfügen-element auf der Seite vorhanden sind, die zum Zeitpunkt der code macht die Veranstaltung verbindlich nennen.

    Müssen Sie Ereignis-Delegation mit .auf() Delegierten-events-Ansatz bei der Erzeugung von Elementen dynamisch oder manipulation-Selektor (wie das entfernen und hinzufügen von Klassen).

    Allgemeine Syntax

    $(document).on('event','selector',callback_function)

    Beispiel

    $(document).on('change', ".selectAggregate", function(){
    alert($(this).val())
});

    Statt document Sie verwenden sollten am nächsten statischen container.

    Den Delegierten Veranstaltungen haben den Vorteil, dass Sie verarbeiten Ereignisse aus den untergeordneten Elementen Hinzugefügt werden, um das Dokument zu einem späteren Zeitpunkt. Durch die Kommissionierung ein element ist garantiert an der Zeit, den Delegierten event-handler zugeordnet ist, können wir mithilfe des Delegierten Ereignisse zu binden, das click-Ereignis für dynamisch erzeugte Elemente, und auch um zu vermeiden die Notwendigkeit, Häufig anfügen und entfernen von Ereignis-Handlern.

    • Ja, Sie bekommen mein Punkt :). Aber ich brauche, um den ausgewählten Wert innerhalb einer Funktion
    InformationsquelleAutor Satpal
  2. 3

    Versuchen, diese

     $("button").click(function(){
        $.each($(".selectAggregate option:selected"), function(){            
           var $val = $(this).text();

        });
    });
    • wählen Sie nicht ein Wert wenn dies geschieht, dann text bewertet wird als Wert.
    • keine text() oder val() ist kein problem
    • Dann müssen Sie Ihren code, den Sie versucht haben, hier, damit Sie behoben werden können.
    • Ich bearbeitet die Frage mit dem code
    • Bearbeitet meine obige Antwort, basierend auf Ihren aktuellen Frage Finden : tutorialrepublic.com/...
    InformationsquelleAutor Rolwin C
  3. 0
    $(document).on('change','.selectAggregate', function() {
var temp = $('.selectAggregate').children(":selected").text();
});

    Diese helfen Ihnen, hier können Sie den Wert des dynamisch erzeugten select.
    das change-Ereignis wird verwendet, weil das element innerhalb wählen Sie (option) wird dynamisch generiert.

    InformationsquelleAutor Mangy 007
  4. -1

    Um ausgewählten Wert können Sie mit folgender Anweisung in der js-Datei.

    $(".selectAggregate option:selected").val();
    • Diese Antwort berücksichtigt nicht den Fall change
    InformationsquelleAutor WisdmLabs
Schreibe einen Kommentar