TechCodeview

V tomto článku se naučíme, jak pomocí jQuery získat vybrané hodnoty v rozbalovacím seznamu. Nejprve pochopíme tento článek pomocí jQuery, jQuery selektoru a metody jQuery val () . Poté toto téma pochopíme pomocí různých příkladů.

jak převést řetězec na int

Co myslíš tím jQuery?

jQuery je rychlá, lehká, malá a na funkce bohatá knihovna JavaScriptu.

Použijte jQuery: vybraný selektor v kombinaci s metodou val () k nalezení hodnoty vybrané možnosti v rozevíracím seznamu.

Selektor v jQuery:

Jedná se o HTML element, ve kterém je aplikována deklarace.

Například: vybráno, zkontrolováno atd.

Vybráno se používá k určení výchozí volby při prvním načtení formuláře.

metoda val () v jQuery:

Tato metoda se používá k získání hodnot prvků formuláře nebo nastavení hodnoty atributu použitého pro vybrané prvky.

Syntax:

 $(selector).val (); 

Příklad:

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

Rozbalovací seznam se značkou a.

Tagy select a option se používají k vytváření rozevíracích nabídek. Umožňují uživateli vybrat jednu nebo více možností ze seznamu možností. Všechny volby se nezobrazují na obrazovce, ale jsou viditelné, když vytáhnou rozevírací seznam. Používají se pro úsporu místa, protože je zobrazena pouze jedna položka seznamu.

Pro vytváření rozbalovacích seznamů se místo tagu používá tag. Párovaný tag začíná úvodním tagem a končí uzavíracím tagem . Tato značka musí být použita se značkou .

Syntax:

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

Různé atributy používané se značkou jsou:

Násobek:Používá se k nastavení značky tak, aby přijímala četné možnosti. Ve výchozím nastavení může trvat jednu volbu zvolenou uživatelem. Chcete-li vybrat více možností, musí uživatel stisknout tlačítko a současně kliknout na možnost.Název:Používá se k zadání názvu rozbalovacího seznamu.

Různé atributy používané se značkou jsou:

Hodnota:Slouží k určení hodnoty, která se odešle při odeslání formuláře. Pokud je v tagu vynechán atribut value, použije se obsah titulku.Vybraný:Používá se k určení předem vybrané volby při prvotním načtení formuláře v prohlížeči.

Následující příklady se používají k získání vybrané hodnoty z rozevíracího seznamu v jQuery.

Příklad 1:

Jak získat vybranou hodnotu z rozevíracího seznamu 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> 

Vysvětlení:

Ve výše uvedeném příkladu jsme pomocí tagu a vytvořili rozevírací seznam. V tomto, pokud vybereme vícenásobnou hodnotu ze seznamu a vytvoříme a po výběru vícenásobného prvku ze seznamu a kliknutí na tlačítko se zobrazí výstražná zpráva s vybraným prvkem z rozevíracího seznamu.

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

Tady,

Velikost ='3' se používá k zobrazení počtu prvků zobrazených v rozevíracím seznamu, násobek se používá k výběru více hodnot z rozevíracího seznamu.

Výstup:

Výstup tohoto příkladu je uveden níže.

abstraktní třída Java