Metoda val
Metoda val lejon marrjen dhe ndryshimin
e vlerës aktuale të elementit.
Sintaksa
Kështu mund të marrim vlerën aktuale të elementit të parë në grup:
$(selector).val();
Metoda val përdoret kryesisht për të
marrë vlerat e elementeve të formës, si:
input,
select
dhe textarea. Nëse
thirret në një koleksion bosh, kthen undefined.
Kur punoni me select me vendosjen e atributit
multiple, metoda kthen një grup vlerash të çdo
option të zgjedhur. Nëse asnjë prej tyre nuk zgjidhet,
kthehet një grup bosh. Kështu mund të vendosim
vlerën e çdo elementi në grup. Si parametër mund
të kaloni një varg, grup ose numër:
$(selector).val(vlera);
Zbatimi i funksionit për çdo element në grup. Funksioni merr si parametër të parë numrin aktual në grup, dhe s i dyti - vlerën e tij aktuale:
$(selector).val(emri i atributit, function(numri në grup, vlera aktuale));
Shembull
Në shembullin vijues, le të marrim vlerat e futura në input, dhe t'i shfaqim më poshtë në paragraf:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Shembull
Tani me ndihmën e metodës val do
të regjistrojmë vlerat e butonave që do të
shtypim, në input-in e vendosur më poshtë:
<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);
});
