TechCodeview

I den här artikeln kommer vi att lära oss hur du får valda värden i rullgardinsmenyn med hjälp av jQuery. Först och främst kommer vi att förstå den här artikeln med hjälp av jQuery, jQuery selector och jQuery val ()-metoden. Efter det kommer vi att förstå detta ämne med hjälp av olika exempel.

Vad menar du med jQuery?

jQuery är ett snabbt, lätt, litet och funktionsrikt JavaScript-bibliotek.

vad är en dubbel java

Använd jQuery: vald väljare i kombination med val ()-metoden för att hitta det valda alternativvärdet i en rullgardinslista.

Väljaren i jQuery:

Det är ett HTML-element där deklarationen tillämpas.

Till exempel: valt, kontrollerat osv.

Selected används för att ange standardvalet när formuläret initialt laddas.

val () metod i jQuery:

Den här metoden används för att hämta värdena för formulärelement eller ställa in värdet på attributet som används för de valda elementen.

Syntax:

 $(selector).val (); 

Exempel:

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

Dropdown-lista med och tagg.

Välj- och alternativtaggarna används för att skapa rullgardinsmenyer. De tillåter användaren att välja enstaka eller flera alternativ från en lista med alternativ. Alla val visas inte på skärmen, men de är synliga när de drar rullgardinsmenyn. De används för att spara utrymme eftersom endast ett objekt i listan visas.

För att skapa Pull-down-listor används tagg istället för tag . Den parade taggen börjar med den öppna taggen och slutar med den avslutande taggen. Denna tagg måste användas med taggen.

Syntax:

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

De olika attributen som används med taggen är:

Flera olika:Den används för att ställa in taggen så att den accepterar många alternativ. Som standard kan det ta ett enda alternativ valt av användaren. För att välja flera alternativ måste en användare trycka på klicka medan han klickar på alternativet.Namn:Den används för att ange ett namn för rullgardinslistan.

De olika attributen som används med taggen är:

Värde:Den används för att ange värdet som skickas när formuläret skickas. Om värdeattributet utelämnas i taggen används titelinnehållet.Vald:Den används för att ange det förvalda valet när formuläret initialt laddas i en webbläsare.

Följande exempel används för att få det valda värdet från rullgardinsmenyn i jQuery.

Exempel 1:

Hur man får valt värde från rullgardinsmenyn i 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> 

Förklaring:

I exemplet ovan har vi skapat en rullgardinslista med hjälp av och tagg. I detta, om vi väljer ett multipelvärde från listan och skapar ett efter att ha valt flera element från listan och vi klickar på en knapp visas ett varningsmeddelande med det valda elementet från rullgardinsmenyn.

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

Här,

palindrom i java

Storlek ='3' används för att visa antalet element som visas i rullgardinsmenyn, multipla används för att välja flera värden från rullgardinslistan.

Produktion:

Resultatet av detta exempel ges nedan.