Njia ya val
Njia val inaruhusu kupata na kubadilisha
thamani ya sasa ya kipengele.
Syntax
Hivi ndivyo tunaweza kupata thamani ya sasa ya kipengele cha kwanza katika seti:
$(kichaguzi).val();
Njia val hutumiwa kimsingi kupata
thamani za vipengele vya fomu, kama vile:
input,
select
na textarea. Ikiwa
itaitwa kwenye mkusanyiko tupu, itarudisha undefined.
Wakati wa kufanya kazi na select yenye sifa
multiple iliyowekwa, njia itarudisha safu ya thamani za kila
option iliyochaguliwa. Ikiwa hakuna hata moja iliyochaguliwa,
safu tupu ndio itakarudi. Hivi ndivyo tunaweza kuweka
thamani ya kila kipengele katika seti. Kama parameta tunaweza
kupitisha kamba, safu au nambari:
$(kichaguzi).val(thamani);
Kutumia kitendakazi kwa kila kipengele katika seti. Kitendakazi huchukua parameta ya kwanza kama nafasi ya sasa katika seti, na ya pili - thamani yake ya sasa:
$(kichaguzi).val(jina la sifa, function(nafasi katika seti, thamani ya sasa));
Mfano
Katika mfano ujao, wacha tupate thamani zinazoingizwa kwenye uingizaji, na kuzionyesha chini kwenye aya:
<input type="text" value="maandishi">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Mfano
Na sasa kwa kutumia njia val tutaandika
thamani za vifungo, ambavyo tutabonyeza,
kwenye uingizaji ulio chini:
<div>
<button>moja</button>
<button>mbili</button>
<button>tatu</button>
<button>nne</button>
</div>
<input type="text" value="bonyeza vifungo">
button {
margin: 4px;
cursor: pointer;
}
input {
margin: 4px;
color: green;
}
$('button').click(function() {
let text = $(this).text();
$('input').val(text);
});
