Heim > Web-Frontend > js-Tutorial > 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?

云罗郡主
Freigeben: 2018-10-27 13:36:52
nach vorne
3403 Leute haben es durchsucht

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>
Nach dem Login kopieren

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
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:lvyestudy.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage