Val մեթոդ

val մեթոդը թույլ է տալիս ստանալ և փոխել տարրի ընթացիկ արժեքը:

Շարահյուսություն

Այսպես մենք կարող ենք ստանալ հավաքածուի առաջին տարրի ընթացիկ արժեքը:

javascript$(ընտրիչ).val();

val մեթոդը հիմնականում օգտագործվում է ձևի տարրերի արժեքները ստանալու համար, ինչպիսիք են՝ input, select և textarea: Եթե այն կանչվում է դատարկ հավաքածուի վրա, ապա կվերադարձնի undefined: select-ի հետ աշխատելիս, երբ սահմանված է multiple ատրիբուտը, մեթոդը կվերադարձնի յուրաքանչյուր ընտրված option-ի արժեքների զանգված: Եթե դրանցից ոչ մեկը չի ընտրվել, ապա կվերադարձվի դատարկ զանգված: Այսպես մենք կարող ենք սահմանել հավաքածուի յուրաքանչյուր տարրի արժեքը: Որպես պարամետր կարելի է փոխանցել տող, զանգված կամ թիվ:

javascript$(ընտրիչ).val(արժեք);

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

javascript$(ընտրիչ).val(ատրիբուտի անուն, function(համարը հավաքածուում, ընթացիկ արժեք));

Օրինակ

Հաջորդ օրինակում եկեք ստանանք input-ում մուտքագրված արժեքները և ցուցադրենք դրանք ներքևում գտնվող պարբերությունում.

html<input type="text" value="text">
<p></p>

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

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

Օրինակ

Իսկ այժմ val մեթոդի օգնությամբ մենք կգրենք այն կոճակների արժեքները, որոնք մենք կսեղմենք, ներքևում գտնվող input-ի մեջ.

html<div>
  <button>one</button>
  <button>two</button>
  <button>three</button>
  <button>four</button>
</div>
<input type="text" value="click buttons">

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

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

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

Տես նաև