TechCodeview

Šiame straipsnyje sužinosime, kaip naudojant jQuery gauti pasirinktas reikšmes išskleidžiamajame sąraše. Visų pirma, mes suprasime šį straipsnį naudodami jQuery, jQuery selektorių ir jQuery val () metodą. Po to šią temą suprasime įvairių pavyzdžių pagalba.

Ką turi omenyje sakydamas jQuery?

„jQuery“ yra greita, lengva, maža ir daug funkcijų turinti „JavaScript“ biblioteka.

Naudokite jQuery: pasirinktą parinkiklį kartu su val () metodu, kad išskleidžiamajame sąraše rastumėte pasirinktos parinkties reikšmę.

jQuery parinkiklis:

Tai HTML elementas, kuriame taikoma deklaracija.

Pavyzdžiui: pasirinktas, patikrintas ir pan.

Pasirinkta naudojama norint nurodyti numatytąjį pasirinkimą, kai forma iš pradžių įkeliama.

val () metodas jQuery:

Šis metodas naudojamas norint gauti formos elementų reikšmes arba nustatyti pasirinktų elementų atributo reikšmę.

Sintaksė:

java eilutė su formatu

 $(selector).val (); 

Pavyzdys:

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

Išskleidžiamasis sąrašas su ir žyma.

Pasirinkimo ir parinkčių žymos naudojamos kuriant išskleidžiamuosius meniu. Jie leidžia vartotojui pasirinkti vieną ar kelis pasirinkimus iš parinkčių sąrašo. Visi pasirinkimai nerodomi ekrane, tačiau jie matomi išskleidžiamajame sąraše. Jie naudojami vietos taupymui, nes rodomas tik vienas sąrašo elementas.

Kuriant išskleidžiamuosius sąrašus, vietoj žymės naudojama žyma. Suporuota žyma prasideda pradine ir baigiasi baigiamąja žyma . Ši žyma turi būti naudojama su žyma .

Sintaksė:

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

Su žyma naudojami įvairūs atributai:

kaip sveikąjį skaičių konvertuoti į java eilutę

Daugkartinis:Jis naudojamas norint nustatyti, kad žyma priimtų daugybę parinkčių. Pagal numatytuosius nustatymus gali būti pasirinkta viena vartotojo pasirinkta parinktis. Norėdami pasirinkti kelias parinktis, vartotojas turi paspausti spustelėjimą spustelėdamas parinktį.Vardas:Jis naudojamas norint nurodyti išskleidžiamojo sąrašo pavadinimą.

Su žyma naudojami įvairūs atributai:

Vertė:Jis naudojamas norint nurodyti reikšmę, kuri siunčiama pateikiant formą. Jei žymoje praleidžiamas reikšmės atributas, naudojamas pavadinimo turinys.Pasirinkta:Jis naudojamas iš anksto pasirinktam pasirinkimui nurodyti, kai forma iš pradžių įkeliama į naršyklę.

Šie pavyzdžiai naudojami norint gauti pasirinktą reikšmę iš jQuery išskleidžiamojo sąrašo.

1 pavyzdys:

Kaip gauti pasirinktą vertę iš jQuery išskleidžiamojo sąrašo.

 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> 

Paaiškinimas:

Aukščiau pateiktame pavyzdyje sukūrėme išskleidžiamąjį sąrašą naudodami ir žymą. Jei iš sąrašo pasirinksime keletą reikšmių ir sukursime a iš sąrašo pasirinkus kelis elementus ir spustelėjus mygtuką, išskleidžiamajame sąraše rodomas įspėjimo pranešimas su pasirinktu elementu.

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

Čia

Dydis ='3' naudojamas išskleidžiamajame sąraše rodomų elementų skaičiui rodyti, o keli naudojami norint pasirinkti kelias vertes iš išskleidžiamojo sąrašo.

Išvestis:

Šio pavyzdžio išvestis pateikta žemiau.