TechCodeview

V tem članku se bomo naučili, kako s pomočjo jQuery pridobiti izbrane vrednosti na spustnem seznamu. Najprej bomo ta članek razumeli z uporabo metode jQuery, izbirnika jQuery in metode jQuery val (). Nato bomo to temo razumeli s pomočjo različnih primerov.

Kaj mislite z jQuery?

jQuery je hitra, lahka, majhna in s funkcijami bogata knjižnica JavaScript.

primerek java

Uporabite jQuery: izbrani izbirnik v kombinaciji z metodo val () za iskanje izbrane vrednosti možnosti na spustnem seznamu.

Izbirnik v jQuery:

Je element HTML, v katerem je uporabljena deklaracija.

Na primer: izbrano, preverjeno itd.

Izbrano se uporablja za določitev privzete izbire, ko je obrazec prvotno naložen.

metoda val () v jQuery:

Ta metoda se uporablja za pridobivanje vrednosti elementov obrazca ali nastavitev vrednosti atributa, uporabljenega za izbrane elemente.

kaj je vmesnik

Sintaksa:

 $(selector).val (); 

primer:

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

Spustni seznam z oznako in.

Oznaki za izbiro in možnost se uporabljata za ustvarjanje spustnih menijev. Uporabniku omogočajo izbiro ene ali več možnosti s seznama možnosti. Vse izbire niso prikazane na zaslonu, vendar so vidne, ko potegnejo spustni seznam. Uporabljajo se za prihranek prostora, saj je prikazan samo en element seznama.

Za ustvarjanje padajočih seznamov se namesto oznake uporablja oznaka . Seznanjena oznaka se začne z začetno oznako in konča z zaključno oznako. To oznako je treba uporabiti z oznako .

Sintaksa:

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

Različni atributi, ki se uporabljajo z oznako, so:

Večkraten:Uporablja se za nastavitev oznake, da sprejme številne možnosti. Privzeto lahko sprejme eno samo možnost, ki jo izbere uporabnik. Če želite izbrati več možnosti, mora uporabnik med klikom na možnost pritisniti klik.ime:Uporablja se za določitev imena za spustni seznam.

Različni atributi, ki se uporabljajo z oznako, so:

Vrednost:Uporablja se za določitev vrednosti, ki se pošlje ob oddaji obrazca. Če je atribut vrednosti v oznaki izpuščen, se uporabi vsebina naslova.Izbrano:Uporablja se za določitev vnaprej izbrane izbire, ko se obrazec prvotno naloži v brskalnik.

Naslednji primeri se uporabljajo za pridobitev izbrane vrednosti s spustnega seznama v jQuery.

Primer 1:

Kako pridobiti izbrano vrednost s spustnega seznama 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> 

Pojasnilo:

V zgornjem primeru smo ustvarili spustni seznam s pomočjo oznake in . Pri tem, če s seznama izberemo več vrednosti in ustvarimo a ko izberemo več elementov s seznama in kliknemo gumb, se prikaže opozorilno sporočilo z izbranim elementom s spustnega seznama.

ymail

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

tukaj,

Velikost ='3' se uporablja za prikaz števila elementov, prikazanih na spustnem seznamu, multiple se uporablja za izbiro več vrednosti s spustnega seznama.

Izhod:

Rezultat tega primera je podan spodaj.