Metoden val
Metoden val lar deg hente og endre
gjeldende verdi for et element.
Syntaks
Slik kan vi hente gjeldende verdi for det første elementet i samlingen:
$(selector).val();
Metoden val brukes hovedsakelig til å
hente verdier fra skjemaelementer, slik som:
input,
select
og textarea. Hvis
den kalles på en tom samling, returnerer den undefined.
Ved arbeid med select hvor attributtet
multiple er satt, vil metoden returnere en array med verdier for hvert
valgt option. Hvis ingen av dem er valgt,
returneres en tom array. Slik kan vi sette
verdien for hvert element i samlingen. Som parameter kan vi
sende en streng, array eller tall:
$(selector).val(verdi);
Bruke en funksjon på hvert element i samlingen. Funksjonen tar som første parameter gjeldende indeks i samlingen, og som andre parameter - dens gjeldende verdi:
$(selector).val(attributtnavn, function(indeks i samlingen, gjeldende verdi));
Eksempel
I følgende eksempel la oss hente verdiene som skrives inn i input-feltet, og skrive dem ut under i et avsnitt:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Eksempel
Og nå ved hjelp av metoden val vil vi
skrive verdiene til knappene vi trykker på
inn i input-feltet under:
<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);
});
