Metoden val
Metoden val giver mulighed for at hente og ændre
den aktuelle værdi af et element.
Syntaks
Sådan kan vi hente den aktuelle værdi af det første element i sættet:
$(selector).val();
Metoden val bruges hovedsageligt til at
hente værdier fra formularelementer såsom:
input,
select
og textarea. Hvis
den kaldes på en tom samling, returnerer den undefined.
Ved arbejde med select hvor attributten
multiple er sat, returnerer metoden en array af værdier for hvert
valgt option. Hvis ingen af dem er valgt,
returneres en tom array. Sådan kan vi sætte
værdien for hvert element i sættet. Som parameter kan
man sende en streng, en array eller et tal:
$(selector).val(værdi);
Anvendelse af en funktion på hvert element i sættet. Funktionen tager som første parameter den aktuelle indeks i sættet, og som andet parameter - dens aktuelle værdi:
$(selector).val(attributnavn, function(indeks i sættet, aktuel værdi));
Eksempel
I det følgende eksempel, lad os hente værdierne, der indtastes i inputfeltet, og udskrive dem nedenfor i et afsnit:
<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 nu ved hjælp af metoden val vil vi
skrive værdierne fra de knapper, vi
trykker på, i det nedenstående inputfelt:
<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);
});
