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

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

Задание 3

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

Задание 4

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

Задание 5

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