მეთოდი val
მეთოდი val საშუალებას აძლევს ელემენტის მიმდინარე მნიშვნელობის მიღებას და
შეცვლას.
სინტაქსი
ასე შეგვიძლია მივიღოთ პირველი ელემენტის მიმდინარე მნიშვნელობა ნაკრებში:
$(სელექტორი).val();
მეთოდი val ძირითადად გამოიყენება ფორმის ელემენტების მნიშვნელობების
მისაღებად, როგორიცაა:
input,
select
და textarea. თუ
იგი გამოძახებულია ცარიელ კოლექციაზე, დააბრუნებს undefined-ს.
select-თან მუშაობისას, როდესაც დაყენებულია ატრიბუტი
multiple, მეთოდი დააბრუნებს ყოველი არჩეული option-ის
მნიშვნელობების მასივს. თუ მათგან არც ერთი არ არის არჩეული,
დაბრუნდება ცარიელი მასივი. ასე შეგვიძლია დავაყენოთ
ნაკრებში თითოეული ელემენტის მნიშვნელობა. პარამეტრად შეგვიძლია
გადავცეთ სტრიქონი, მასივი ან რიცხვი:
$(სელექტორი).val(მნიშვნელობა);
ფუნქციის გამოყენება ნაკრების თითოეულ ელემენტზე. ფუნქცია იღებს პირველ პარამეტრად მიმდინარე ინდექსს ნაკრებში, ხოლო მეორედ - მის მიმდინარე მნიშვნელობას:
$(სელექტორი).val(ატრიბუტის სახელი, function(ინდექსი ნაკრებში, მიმდინარე მნიშვნელობა));
მაგალითი
შემდეგ მაგალითში მოდით, მივიღოთ ინპუთში შეყვანილი მნიშვნელობები და გამოვსახოთ ისინი ქვემოთ აბზაცში:
<input type="text" value="ტექსტი">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
მაგალითი
ახლა კი მეთოდ val-ის საშუალებით ჩავწერთ
იმ ღილაკების მნიშვნელობებს, რომლებსაც დავაჭერთ,
ქვემოთ მდებარე ინპუთში:
<div>
<button>ერთი</button>
<button>ორი</button>
<button>სამი</button>
<button>ოთხი</button>
</div>
<input type="text" value="დააჭირეთ ღილაკებს">
button {
margin: 4px;
cursor: pointer;
}
input {
margin: 4px;
color: green;
}
$('button').click(function() {
let text = $(this).text();
$('input').val(text);
});
