Metoden val
Metoden val låter dig hämta och ändra
ett elements nuvarande värde.
Syntax
Så här kan vi hämta det nuvarande värdet för det första elementet i uppsättningen:
$(selector).val();
Metoden val används främst för att
hämta värden från formulärelement såsom:
input,
select
och textarea. Om
den anropas på en tom samling returnerar den undefined.
När du arbetar med select där attributet
multiple är inställt kommer metoden returnera en array med värden för varje
valt option. Om ingen av dem är vald,
returneras en tom array. Så här kan vi sätta
värdet för varje element i uppsättningen. Som parameter kan
man skicka en sträng, array eller ett nummer:
$(selector).val(värde);
Tillämpa en funktion på varje element i uppsättningen. Funktionen tar det aktuella indexet i uppsättningen som första parameter, och dess nuvarande värde som andra:
$(selector).val(attributnamn, function(index i uppsättningen, nuvarande värde));
Exempel
I följande exempel låt oss hämta värdena som skrivs in i inputfältet och visa dem nedanför i ett stycke:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Exempel
Och nu med metoden val kommer vi
skriva värdena från knapparna vi klickar på
i inputfältet nedanför:
<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);
});
