value ფორმები jQuery-ში

ინფუთების value ატრიბუტთან მუშაობისთვის ასევე შეგიძლიათ გამოიყენოთ მეთოდი val, რომელიც საშუალებას გაძლევთ წაიკითხოთ და ჩაწეროთ ახალი მნიშვნელობები.

განვიხილოთ მაგალითი. დავუშვათ, გვაქვს შემდეგი HTML კოდი:

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

მოდით, ჩავწეროთ ახალი მნიშვნელობა 'www' value ატრიბუტში:

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

HTML კოდი ასე გამოიყურება:

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

ახლა კი მოდით, ეკრანზე გამოვიტანოთ მიმდინარე მნიშვნელობა:

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

ასევე, val მეთოდისთვის ხელმისაწვდომია ფუნქციის გამოყენება ნაკრების თითოეულ ელემენტზე. ფუნქცია იღებს პირველ პარამეტრად მიმდინარე ნომერს ნაკრებში, ხოლო მეორედ - მის მიმდინარე მნიშვნელობას.

არის კიდევ ერთი ნიუანსი - textarea ტეგისთვის შეუძლებელია შიდა შიგთავსის მიღება html მეთოდის საშუალებით. ამისთვის საჭიროა გამოიყენოთ val მეთოდი.

განვიხილოთ შემდეგი HTML კოდი:

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

Javascript კოდში ვწერთ val მეთოდს:

alert($('#test').val()); // გამოიტანს '!!!'

დიდი ალბათობით, ეს ფორმებთან მუშაობის ერთგვაროვნებისთვისაა გაკეთებული.

დააყენეთ ყველა ინფუთის value '!'-ზე.

number კლასის მქონე ყველა ინფუთის value-ში არის რიცხვები. გახადეთ ისე, რომ მათში ამ რიცხვების კვადრატები იყოს.

გამოიტანეთ in კლასის მქონე ინფუთის value.

თანმიმდევრულად გამოიტანეთ თითოეული ინფუთის value.

გამოიტანეთ text კლასის მქონე textarea-ის შიგთავსი.