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

Haben Sie darüber nachgedacht, einfachen alten JavaScript zu verwenden?

var box = document.getElementById('aioConceptName');

conceptName = box.options[box.selectedIndex].text;

Siehe auch Den Wert/Text einer Option mit JavaScript abrufen

Answer 2

$('#aioConceptName option:selected').val();

Bitte übersetzen Sie dies unter Beibehaltung der gleichen HTML-Tags, falls vorhanden, von en nach de:

Answer 3

Zur richtigen Anwendung sollten Sie val() verwenden, um den Wert der ausgewählten Optionen zu erhalten, nicht text().

Name

    wähle io

Sie können verwenden

   $("#aioConceptName").find(':selected').val();

Oder

   $("#aioConceptName :selected").val();

Answer 4

Lesen des Werts (nicht des Textes) eines Select:

var status = $("#Status").val();
var status = $("#Status")[0].value;
var status = $('#Status option:selected').val();

Wie deaktiviere ich ein Select? in beiden Varianten kann der Wert geändert werden durch:

A

Benutzer kann nicht mit dem Dropdown interagieren. Und er weiß nicht, welche anderen Optionen existieren könnten.

$('#Status').prop('disabled', true);

B

Benutzer kann die Optionen im Dropdown sehen, aber alle sind deaktiviert:

$('#Status option').attr('disabled', true);

In diesem Fall wird $("#Status").val() nur funktionieren für jQuery-Versionen kleiner als 1.9.0. Alle anderen Varianten werden funktionieren.

Wie kann ein deaktiviertes Select aktualisiert werden?

Von der Code-Basis aus können Sie den Wert in Ihrem Select immer noch aktualisieren. Es ist nur für Benutzer deaktiviert:

$("#Status").val(2);

In einigen Fällen müssen Sie möglicherweise Ereignisse auslösen:

$("#Status").val(2).change();

Answer 5

Mit JQuery:

1. Wenn Sie den ausgewählten Text erhalten möchten, können Sie $(select-Element).text() verwenden.

   var text = $('#aioConceptName option:selected').text();

2. Wenn Sie den ausgewählten Wert erhalten möchten, können Sie $(select-Element).val() verwenden.

   var val = $('#aioConceptName option:selected').val();

   Stellen Sie sicher, dass Sie das value-Attribut im -Tag setzen, wie:

     io wählen
     roma(text)
     totti(text)

Mit diesem HTML-Codebeispiel, vorausgesetzt, dass die letzte Option ausgewählt ist:

1. var text gibt Ihnen totti(text)

2. var val gibt Ihnen totti(value)

   $(document).on('change','#aioConceptName' ,function(){ var val = $('#aioConceptName option:selected').val(); var text = $('#aioConceptName option:selected').text(); $('.result').text("Ausgewählter Wert = " + val); $('.result').append("Ausgewählter Text = " + text); })

   io wählen roma(text) totti(text)