value-ի ձևերը jQuery-ում

value ատրիբուտի հետ աշխատելու համար կարելի է օգտագործել val մեթոդը, որը թույլ է տալիս կարդալ և գրել նոր արժեքներ:

Դիտարկենք օրինակ: Ենթադրենք ունենք հետևյալ HTML կոդը:

html<input type="text" id="test" value="!!!">

Եկեք գրենք նոր արժեք 'www' value ատրիբուտում:

javascript$('#test').val('www');

HTML կոդը կստանա հետևյալ տեսքը.

html<input type="text" id="test" value="www">

Իսկ հիմա եկեք արտածենք ընթացիկ արժեքը էկրանին.

javascriptalert($('#test').val());

val մեթոդի համար հասանելի է նաև ֆունկցիայի կիրառումը հավաքածուի յուրաքանչյուր տարրի նկատմամբ: Ֆունկցիան ընդունում է առաջին պարամետրով ընթացիկ համարը հավաքածուում, իսկ երկրորդով՝ նրա ընթացիկ արժեքը:

Կա ևս մեկ նրբերանգ - textarea թեգի համար հնարավոր չէ ստանալ ներքին պարունակությունը html մեթոդի միջոցով: Դրա համար անհրաժեշտ է օգտագործել val մեթոդը:

Դիտարկենք հետևյալ HTML կոդը.

html<textarea id="test">!!!</textarea>

Javascript կոդում գրում ենք val մեթոդը.

javascriptalert($('#test').val()); // կարտածի '!!!'

Ամենայն հավանականությամբ, դա արվել է ձևերի հետ աշխատանքի միատեսակություն ապահովելու համար:

Задание 1

Դրեք բոլոր ինպուտների value-ն '!':

Задание 2

value ատրիբուտում number դասի բոլոր ինպուտների մեջ գտնվում են թվեր: Ապացուցեք, որ դրանցում դառնան այդ թվերի քառակուսիները:

Задание 3

Արտածեք in դասի ինպուտի value-ն:

Задание 4

Հաջորդաբար արտածեք յուրաքանչյուր ինպուտի value-ն:

Задание 5

Արտածեք text դասի textarea-ի պարունակությունը: