TechCodeview

Šajā rakstā mēs uzzināsim, kā ar jQuery palīdzību iegūt atlasītās vērtības nolaižamajā sarakstā. Pirmkārt, mēs sapratīsim šo rakstu, izmantojot jQuery, jQuery selektoru un jQuery val () metodi. Pēc tam šo tēmu sapratīsim ar dažādu piemēru palīdzību.

java masīvs

Ko jūs domājat ar jQuery?

jQuery ir ātra, viegla, maza un ar funkcijām bagāta JavaScript bibliotēka.

Izmantojiet jQuery: atlasīto atlasītāju kombinācijā ar val () metodi, lai nolaižamajā sarakstā atrastu atlasītās opcijas vērtību.

jQuery atlasītājs:

Tas ir HTML elements, kurā tiek lietota deklarācija.

Piemēram: atlasīts, pārbaudīts utt.

Atlasīts tiek izmantots, lai norādītu noklusējuma izvēli, kad veidlapa tiek sākotnēji ielādēta.

val () metode jQuery:

Šo metodi izmanto, lai iegūtu formas elementu vērtības vai iestatītu atlasītajiem elementiem izmantotā atribūta vērtību.

Sintakse:

 $(selector).val (); 

Piemērs:

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

Nolaižamais saraksts ar un tagu.

Atlasīšanas un opciju tagi tiek izmantoti, lai izveidotu nolaižamās izvēlnes. Tie ļauj lietotājam no opciju saraksta izvēlēties vienu vai vairākas izvēles iespējas. Visas izvēles iespējas netiek rādītas ekrānā, taču tās ir redzamas, kad tās atver nolaižamo sarakstu. Tie tiek izmantoti, lai ietaupītu vietu, jo tiek parādīts tikai viens saraksta vienums.

Lai izveidotu nolaižamos sarakstus, tagu vietā tiek izmantots tags. Pārī savienotais tags sākas ar sākuma tagu un beidzas ar beigu tagu . Šis tags ir jāizmanto kopā ar tagu .

Sintakse:

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

Ar tagu tiek izmantoti dažādi atribūti:

Vairāki:To izmanto, lai iestatītu tagu, lai tas pieņemtu daudzas opcijas. Pēc noklusējuma tam var būt viena lietotāja atlasīta opcija. Lai atlasītu vairākas opcijas, lietotājam ir jānospiež klikšķis, vienlaikus noklikšķinot uz opcijas.Vārds:To izmanto, lai norādītu nosaukumu nolaižamajam sarakstam.

Ar tagu tiek izmantoti dažādi atribūti:

java datu tipi

Vērtība:To izmanto, lai norādītu vērtību, kas tiek nosūtīta, iesniedzot veidlapu. Ja tagā vērtības atribūts ir izlaists, tad tiek izmantots virsraksta saturs.Atlasīts:To izmanto, lai norādītu iepriekš atlasīto izvēli, kad veidlapa sākotnēji tiek ielādēta pārlūkprogrammā.

Tālāk norādītie piemēri tiek izmantoti, lai iegūtu atlasīto vērtību no jQuery nolaižamā saraksta.

1. piemērs:

Kā iegūt atlasīto vērtību no jQuery nolaižamā saraksta.

 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> 

Paskaidrojums:

Iepriekš minētajā piemērā mēs esam izveidojuši nolaižamo sarakstu, izmantojot un tagu. Šajā gadījumā, ja mēs sarakstā atlasām vairākas vērtības un izveidojam a pēc vairāku elementu atlasīšanas sarakstā un mēs noklikšķinām uz pogas, tas parāda brīdinājuma ziņojumu ar atlasīto elementu no nolaižamā saraksta.

bash cilpai no 1. līdz 10

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

Šeit,

Izmērs ='3' tiek izmantots, lai parādītu nolaižamajā sarakstā parādīto elementu skaitu, izmanto vairākus, lai atlasītu vairākas vērtības no nolaižamā saraksta.

Izvade:

Šī piemēra izvade ir dota zemāk.