Методи 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);
});
