Metode val
Metode val laat jou toe om die huidige waarde van 'n element te verkry en te verander.
Sintaksis
So kan ons die huidige waarde van die eerste element in die versameling verkry:
$(selekteerder).val();
Metode val word hoofsaaklik gebruik om waardes van vormelemente te verkry, soos:
input,
select
en textarea. As
dit op 'n leë versameling geroep word, sal dit undefined teruggee.
Wanneer gewerk word met 'n select waar die kenmerk
multiple gestel is, sal die metode 'n array van waardes van elke
gekose option teruggee. As geen een gekies is nie,
word 'n leë array teruggegee. So kan ons die waarde van elke element in die versameling stel.
As parameter kan 'n string, array of getal oorgedra word:
$(selekteerder).val(waarde);
Toepassing van 'n funksie op elke element in die versameling. Die funksie neem as eerste parameter die huidige indeks in die versameling, en as tweede - sy huidige waarde:
$(selekteerder).val(kenmerknaam, function(indeks in versameling, huidige waarde));
Voorbeeld
In die volgende voorbeeld, laat ons die waardes wat in die invoerveld ingetik word, kry en dit hieronder in 'n paragraaf wys:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Voorbeeld
En nou, met behulp van metode val, sal ons
die waardes van die knoppies wat ons druk, in die onderste invoerveld skryf:
<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);
});
