Tässä artikkelissa opimme saamaan valitut arvot avattavasta luettelosta jQueryn avulla. Ensinnäkin ymmärrämme tämän artikkelin käyttämällä jQueryä, jQuery-valitsinta ja jQuery val () -menetelmää. Sen jälkeen ymmärrämme tämän aiheen erilaisten esimerkkien avulla.

Mitä tarkoitat jQueryllä?

jQuery on nopea, kevyt, pieni ja monipuolinen JavaScript-kirjasto.

Käytä jQueryä: valittu valitsin yhdessä val () -menetelmän kanssa löytääksesi valitun vaihtoehdon arvon avattavasta luettelosta.

jQueryn valitsin:

Se on HTML-elementti, jossa ilmoitusta sovelletaan.

10 ml oz

Esimerkiksi: valittu, tarkistettu jne.

Valittua käytetään määrittämään oletusvalinta, kun lomake ladataan alun perin.

val () -menetelmä jQueryssa:

Tätä menetelmää käytetään lomakeelementtien arvojen saamiseen tai valituille elementeille käytetyn attribuutin arvon asettamiseen.

Syntaksi:

 $(selector).val (); 

Esimerkki:

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

Pudotusvalikko ja -tunniste.

Select- ja option-tageja käytetään avattavien valikkojen luomiseen. Niiden avulla käyttäjä voi valita yhden tai useita vaihtoehtoja vaihtoehtoluettelosta. Kaikki vaihtoehdot eivät näy näytöllä, mutta ne näkyvät avattaessa avattavasta luettelosta. Niitä käytetään tilan säästämiseen, koska vain yksi luettelon kohde näkyy.

Poistoluetteloiden luomiseen käytetään tunnistetta tagin sijaan. Parillinen tagi alkaa avaustunnisteella ja päättyy sulkevaan tagiin. Tätä tunnistetta on käytettävä tunnisteen kanssa.

Syntaksi:

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

Tunnisteen kanssa käytetyt attribuutit ovat:

java-esiintymä

Useita:Sitä käytetään määrittämään tunniste hyväksymään useita vaihtoehtoja. Oletuksena se voi valita yhden käyttäjän valitseman vaihtoehdon. Useiden vaihtoehtojen valitsemiseksi käyttäjän on painettava napsautusta samalla, kun hän napsauttaa vaihtoehtoa.Nimi:Sitä käytetään nimen määrittämiseen avattavalle luettelolle.

Tunnisteen kanssa käytetyt attribuutit ovat:

Arvo:Sitä käytetään määrittämään arvo, joka lähetetään, kun lomake lähetetään. Jos arvo-attribuutti jätetään pois tagista, käytetään otsikon sisältöä.Valittu:Sitä käytetään esivalitun valinnan määrittämiseen, kun lomake ladataan alun perin selaimeen.

Seuraavia esimerkkejä käytetään valitun arvon hakemiseen jQueryn avattavasta luettelosta.

Esimerkki 1:

Kuinka saada valittu arvo jQueryn avattavasta luettelosta.

 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> 

Selitys:

Yllä olevassa esimerkissä olemme luoneet avattavan luettelon ja -tunnisteen avulla. Tässä, jos valitsemme luettelosta usean arvon ja luomme a Kun olet valinnut usean elementin luettelosta ja napsautamme painiketta, se näyttää hälytysviestin valitun elementin kanssa avattavasta luettelosta.

miten pääset icloud-kuviin

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

Tässä,

Kokoa ='3' käytetään näyttämään avattavassa luettelossa näkyvien elementtien lukumäärä, ja usealla valitaan useita arvoja avattavasta luettelosta.

Lähtö:

Tämän esimerkin tulos on annettu alla.