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:

javascript$(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:

javascript$(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:

javascript$(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:

html<input type="text" value="text">
<p></p>

cssp {
  color: green;
  margin: 8px;
}

javascript$('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ë:

html<div>
  <button>one</button>
  <button>two</button>
  <button>three</button>
  <button>four</button>
</div>
<input type="text" value="click buttons">

cssbutton {
  margin: 4px;
  cursor: pointer;
}

input {
  margin: 4px;
  color: green;
}

javascript$('button').click(function() {
  let text = $(this).text();
  $('input').val(text);
});

Shihni gjithashtu