TechCodeview

V tomto článku sa dozvieme, ako pomocou jQuery získať vybrané hodnoty v rozbaľovacom zozname. V prvom rade pochopíme tento článok pomocou metódy jQuery, jQuery selector a jQuery val () . Potom túto tému pochopíme pomocou rôznych príkladov.

Čo myslíš tým jQuery?

jQuery je rýchla, ľahká, malá a na funkcie bohatá knižnica JavaScript.

755 chmod

Použite jQuery: vybraný selektor v kombinácii s metódou val () na nájdenie hodnoty vybranej možnosti v rozbaľovacom zozname.

Selektor v jQuery:

Je to HTML element, v ktorom je aplikovaná deklarácia.

Napríklad: vybrané, skontrolované atď.

Vybraté sa používa na určenie predvolenej voľby pri prvotnom načítaní formulára.

metóda val () v jQuery:

Táto metóda sa používa na získanie hodnôt prvkov formulára alebo nastavenie hodnoty atribútu použitého pre vybrané prvky.

salman khan khan vek

Syntax:

 $(selector).val (); 

Príklad:

 $('input: text').val ('javaTpoint!'); 

Rozbaľovací zoznam s a značkou.

Značky výberu a možností sa používajú na vytváranie rozbaľovacích ponúk. Umožňujú používateľovi vybrať jednu alebo viacero možností zo zoznamu možností. Všetky voľby sa nezobrazujú na obrazovke, ale sú viditeľné, keď vytiahnu rozbaľovací zoznam. Používajú sa na úsporu miesta, pretože sa zobrazuje iba jedna položka zoznamu.

Na vytváranie rozbaľovacích zoznamov sa namiesto značky používa značka . Spárovaná značka začína úvodnou značkou a končí záverečnou značkou . Táto značka musí byť použitá so značkou .

Syntax:

sémantickej chyby

 Text Label-1 Text Label-2 ………………………………………………………………………………………………….. ………………………………………………………………………………………………….. 

Rôzne atribúty používané so značkou sú:

Viacnásobné:Používa sa na nastavenie značky tak, aby akceptovala množstvo možností. V predvolenom nastavení môže mať jednu možnosť vybratú používateľom. Ak chcete vybrať viacero možností, používateľ musí pri kliknutí na možnosť stlačiť kliknutie.Názov:Používa sa na zadanie názvu pre rozbaľovací zoznam.

Rôzne atribúty používané so značkou sú:

Hodnota:Používa sa na určenie hodnoty, ktorá sa odošle pri odoslaní formulára. Ak je v značke vynechaný atribút value, použije sa obsah nadpisu.Vybraný:Používa sa na špecifikáciu predvybranej voľby pri prvom načítaní formulára v prehliadači.

Nasledujúce príklady sa používajú na získanie vybranej hodnoty z rozbaľovacieho zoznamu v jQuery.

Príklad 1:

Ako získať vybranú hodnotu z rozbaľovacieho zoznamu v jQuery.

 Get Selected Value in drop-down using jQuery h1 { color: green; } h5 { color: green; } h4 { color: green; } p { color: red; } .select { margin: 40px; width: 60%; height: 300px; padding: 30px; border: 2px solid green; } body { background-color: pink; } $(document).ready (function () { $(&apos;select.country&apos;).change (function () { var selectedCountry = $(this).children(&apos;option:selected&apos;).val(); alert (&apos;You have selected the country - &apos; + selectedCountry); }); }); <p> <b> Get Selected Value in drop-down using jQuery </b> </p> <h4> Select Country from drop-down list: </h4> <br> United States India United Kingdom Brazil Germany <br> <br> <b> Get selected values from list </b> 

Vysvetlenie:

Vo vyššie uvedenom príklade sme pomocou značky a vytvorili rozbaľovací zoznam. V tomto, ak vyberieme viacnásobnú hodnotu zo zoznamu a vytvoríme a po výbere viacnásobného prvku zo zoznamu a kliknutí na tlačidlo sa zobrazí výstražná správa s vybraným prvkom z rozbaľovacieho zoznamu.

jvm

 United States India United Kingdom Brazil Germany <br> <br> <b> Get selected values from list </b> 

Tu,

Veľkosť ='3' sa používa na zobrazenie počtu prvkov zobrazených v rozbaľovacom zozname, násobok sa používa na výber viacerých hodnôt z rozbaľovacieho zoznamu.

Výkon:

Výstup tohto príkladu je uvedený nižšie.