JQuery Ausgewählte Option aus Dropdown-Menü erhalten

Question

Normalerweise verwende ich $("#id").val(), um den Wert der ausgewählten Option zurückzugeben, aber dieses Mal funktioniert es nicht. Das ausgewählte Tag hat die ID aioConceptName

HTML-Code

Name

AIO Konzept Name

    Wähle io
    roma
    totti

Answer 1

Um den Wert des ausgewählten Tags zu erhalten:

 $('#id_Des_ausgewählten_Tag-Elterns').find(":selected").val();

Und wenn Sie den Text erhalten möchten, verwenden Sie diesen Code:

 $('#id_Des_ausgewählten_Tag-Elterns').find(":selected").text();

Zum Beispiel:

        CR7
        MESSI

 $('#i_am_parent_of_select_tag').find(":selected").val();//AUSGABE:1 ODER 2
 $('#i_am_parent_of_select_tag').find(":selected").text();//AUSGABE:CR7 ODER MESSI

Answer 2

Einfach und ziemlich einfach:

Ihr Dropdown

    Wählen Sie io
    roma
    totti

Jquery-Code, um den ausgewählten Wert zu erhalten

$('#aioConceptName').change(function() {
    var $option = $(this).find('option:selected');

    //Mit dem EDIT hinzugefügt
    var value = $option.val(); // gibt den Wert der ausgewählten Option zurück.
    var text = $option.text(); // gibt den Text der ausgewählten Option zurück.
});

Answer 3

Verwenden Sie die jQuery.val() Funktion auch für Auswahlelemente:

Die .val() Methode wird hauptsächlich verwendet, um die Werte von Formularelementen wie input, select und textarea zu erhalten. Im Fall von Auswahlelementen gibt es null zurück, wenn keine option ausgewählt ist und ein Array, das den Wert jeder ausgewählten Option enthält, wenn mindestens eine ausgewählt ist und es mehrere ausgewählt werden können, weil das multiple Attribut vorhanden ist.

$(function() {
  $("#aioConceptName").on("change", function() {
    $("#debug").text($("#aioConceptName").val());
  }).trigger("change");
});

  choose io
  roma
  totti

Answer 4

Sie können versuchen, es auf diese Weise zu debuggen:

console.log($('#aioConceptName option:selected').val())

Answer 5

Ich hoffe, dass dies auch dazu beiträgt, es besser zu verstehen und auszuprobieren und das Folgende zu versuchen,

$('select[id="aioConceptName[]"] option:selected').each(function(key,value){
   options2[$(this).val()] = $(this).text();
   console.log(JSON.stringify(options2));
});

für weitere Details besuchen Sie bitte http://www.drtuts.com/get-value-multi-select-dropdown-without-value-attribute-using-jquery/