მეთოდი val

მეთოდი val საშუალებას აძლევს ელემენტის მიმდინარე მნიშვნელობის მიღებას და შეცვლას.

სინტაქსი

ასე შეგვიძლია მივიღოთ პირველი ელემენტის მიმდინარე მნიშვნელობა ნაკრებში:

javascript$(სელექტორი).val();

მეთოდი val ძირითადად გამოიყენება ფორმის ელემენტების მნიშვნელობების მისაღებად, როგორიცაა: input, select და textarea. თუ იგი გამოძახებულია ცარიელ კოლექციაზე, დააბრუნებს undefined-ს. select-თან მუშაობისას, როდესაც დაყენებულია ატრიბუტი multiple, მეთოდი დააბრუნებს ყოველი არჩეული option-ის მნიშვნელობების მასივს. თუ მათგან არც ერთი არ არის არჩეული, დაბრუნდება ცარიელი მასივი. ასე შეგვიძლია დავაყენოთ ნაკრებში თითოეული ელემენტის მნიშვნელობა. პარამეტრად შეგვიძლია გადავცეთ სტრიქონი, მასივი ან რიცხვი:

javascript$(სელექტორი).val(მნიშვნელობა);

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

javascript$(სელექტორი).val(ატრიბუტის სახელი, function(ინდექსი ნაკრებში, მიმდინარე მნიშვნელობა));

მაგალითი

შემდეგ მაგალითში მოდით, მივიღოთ ინპუთში შეყვანილი მნიშვნელობები და გამოვსახოთ ისინი ქვემოთ აბზაცში:

html<input type="text" value="ტექსტი">
<p></p>

cssp {
  color: green;
  margin: 8px;
}

javascript$('input').keyup(function() {
  let value = $(this).val();
  $('p').text(value);
}).keyup();

მაგალითი

ახლა კი მეთოდ val-ის საშუალებით ჩავწერთ იმ ღილაკების მნიშვნელობებს, რომლებსაც დავაჭერთ, ქვემოთ მდებარე ინპუთში:

html<div>
  <button>ერთი</button>
  <button>ორი</button>
  <button>სამი</button>
  <button>ოთხი</button>
</div>
<input type="text" value="დააჭირეთ ღილაკებს">

cssbutton {
  margin: 4px;
  cursor: pointer;
}

input {
  margin: 4px;
  color: green;
}

javascript$('button').click(function() {
  let text = $(this).text();
  $('input').val(text);
});

იხილეთ აგრეთვე