Heim  >  Artikel  >  Web-Frontend  >  Wie erhalte ich den ausgewählten Wert und Text der Dropdown-Liste in JQuery?

Wie erhalte ich den ausgewählten Wert und Text der Dropdown-Liste in JQuery?

云罗郡主
云罗郡主nach vorne
2018-10-27 13:36:523321Durchsuche

Der Inhalt dieses Artikels befasst sich damit, wie jquery den ausgewählten Wert und Text einer Dropdown-Liste erhält. Ich hoffe, dass er für Sie hilfreich ist.

Seiten-Dropdown-Liste

Wählen Sie den Zeitraum aus:

<select name="timespan" id="timespan" class="Wdate"   >
                           <option value="1">8:00-8:30</option>
                           <option value="2">8:30-9:00</option>
                           <option value="3">9:00-9:30</option>
</select>

Wenn der letzte Wert ausgewählt ist, müssen der entsprechende Wert und der Textwert ausgewählt werden erhalten werden. Wie im Bild gezeigt:

Wie erhalte ich den ausgewählten Wert und Text der Dropdown-Liste in JQuery?

JQuery-Code zum Abrufen des ausgewählten Werts und Textes der Dropdown-Liste:

var obj = $("#timespan option:selected");
var  artime_val  = obj.val();
var  artime_text  = obj.text();
alert("val:"+artime_val+" text"+ artime_text );//val:3 text 9:00-9:30
Das Obige ist eine vollständige Einführung in die Funktionsweise von JQuery Ruft den ausgewählten Wert und Text der Dropdown-Liste ab. Wenn Sie mehr über jQuery erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonWie erhalte ich den ausgewählten Wert und Text der Dropdown-Liste in JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:lvyestudy.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen