TechCodeview

У овом чланку ћемо научити како да добијемо изабране вредности у падајућој листи уз помоћ јКуери-ја. Пре свега, разумећемо овај чланак користећи јКуери, јКуери селектор и јКуери вал () метод. Након тога, разумећемо ову тему уз помоћ различитих примера.

Шта подразумевате под јКуери?

јКуери је брза, лагана, мала ЈаваСцрипт библиотека богата функцијама.

сортирана листа низова у Јави

Користите јКуери: изабрани селектор у комбинацији са методом вал () да бисте пронашли вредност изабране опције у падајућој листи.

Селектор у јКуери-ју:

То је ХТМЛ елемент у коме се декларација примењује.

На пример: изабрано, проверено итд.

Селецтед се користи за одређивање подразумеваног избора када се образац иницијално учита.

вал () метода у јКуери-ју:

Овај метод се користи за добијање вредности елемената форме или постављање вредности атрибута који се користи за изабране елементе.

стринг.цомпаре ц#

Синтакса:

 $(selector).val (); 

Пример:

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

Падајућа листа са и ознаком.

Ознаке за избор и опцију користе се за креирање падајућих менија. Они омогућавају кориснику да изабере један или више избора са листе опција. Сви избори нису приказани на екрану, али су видљиви када повуку падајућу листу. Користе се за уштеду простора јер је приказана само једна ставка са листе.

За креирање повлачећих листа, ознака се користи уместо ознаке . Упарени таг почиње са уводном ознаком и завршава се са завршном ознаком. Ова ознака се мора користити са ознаком.

Синтакса:

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

Различити атрибути који се користе са ознаком су:

Вишеструко:Користи се за подешавање ознаке да прихвати бројне опције. Подразумевано, може узети једну опцију коју одабере корисник. Да би изабрао више опција, корисник мора да притисне клик док кликне на опцију.име:Користи се за одређивање имена за падајућу листу.

Различити атрибути који се користе са ознаком су:

вредност:Користи се за одређивање вредности која се шаље када се образац пошаље. Ако је атрибут валуе изостављен у ознаци, користи се садржај наслова.Изабрано:Користи се за одређивање унапред изабраног избора када се образац иницијално учита у претраживач.

Следећи примери се користе за добијање изабране вредности са падајуће листе у јКуери-ју.

Пример 1:

Како добити изабрану вредност са падајуће листе у јКуери-ју.

 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> 

Објашњење:

У горњем примеру, направили смо падајућу листу уз помоћ и ознаке. У овом случају, ако са листе изаберемо вишеструку вредност и креирамо а након што изаберете вишеструки елемент са листе и кликнемо на дугме, приказује се порука упозорења са изабраним елементом са падајуће листе.

структуре података јава

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

овде,

Величина ='3' се користи за приказ броја елемената приказаних у падајућој листи, вишеструко се користи за одабир више вредности са падајуће листе.

Излаз:

Резултат овог примера је дат у наставку.