Val մեթոդ
val մեթոդը թույլ է տալիս ստանալ և փոխել
տարրի ընթացիկ արժեքը:
Շարահյուսություն
Այսպես մենք կարող ենք ստանալ հավաքածուի առաջին տարրի ընթացիկ արժեքը:
$(ընտրիչ).val();
val մեթոդը հիմնականում օգտագործվում է
ձևի տարրերի արժեքները ստանալու համար, ինչպիսիք են՝
input,
select
և textarea: Եթե
այն կանչվում է դատարկ հավաքածուի վրա, ապա կվերադարձնի undefined:
select-ի հետ աշխատելիս, երբ սահմանված է
multiple ատրիբուտը, մեթոդը կվերադարձնի յուրաքանչյուր
ընտրված option-ի արժեքների զանգված: Եթե դրանցից ոչ մեկը չի ընտրվել,
ապա կվերադարձվի դատարկ զանգված: Այսպես մենք կարող ենք սահմանել
հավաքածուի յուրաքանչյուր տարրի արժեքը: Որպես պարամետր կարելի է
փոխանցել տող, զանգված կամ թիվ:
$(ընտրիչ).val(արժեք);
Ֆունկցիայի կիրառումը հավաքածուի յուրաքանչյուր տարրի նկատմամբ: Ֆունկցիան ընդունում է որպես առաջին պարամետր ընթացիկ համարը հավաքածուում, իսկ որպես երկրորդ՝ նրա ընթացիկ արժեքը:
$(ընտրիչ).val(ատրիբուտի անուն, function(համարը հավաքածուում, ընթացիկ արժեք));
Օրինակ
Հաջորդ օրինակում եկեք ստանանք input-ում մուտքագրված արժեքները և ցուցադրենք դրանք ներքևում գտնվող պարբերությունում.
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Օրինակ
Իսկ այժմ val մեթոդի օգնությամբ մենք
կգրենք այն կոճակների արժեքները, որոնք մենք
կսեղմենք, ներքևում գտնվող input-ի մեջ.
<div>
<button>one</button>
<button>two</button>
<button>three</button>
<button>four</button>
</div>
<input type="text" value="click buttons">
button {
margin: 4px;
cursor: pointer;
}
input {
margin: 4px;
color: green;
}
$('button').click(function() {
let text = $(this).text();
$('input').val(text);
});
