val әдісі

val әдісі элементтің ағымдағы мәнін алуға және өзгертуге мүмкіндік береді.

Синтаксис

Біз жиынтықтағы бірінші элементтің ағымдағы мәнін осылай ала аламыз:

javascript$(селектор).val();

val әдісі негізінен форма элементтерінің мәндерін алу үшін қолданылады, мысалы: input, select және textarea. Егер ол бос жиынтықта шақырылса, undefined қайтарады. multiple атрибуты орнатылған select-пен жұмыс істеген кезде, әдіс таңдалған әрбір option-тің мәндерінің массивін қайтарады. Егер ешқайсысы таңдалмаған болса, онда бос массив қайтарылады. Біз жиынтықтағы әрбір элементтің мәнін осылай орната аламыз. Параметр ретінде жол, массив немесе сан беруге болады:

javascript$(селектор).val(мән);

Функцияны жиынтықтағы әрбір элементке қолдану. Функция бірінші параметр ретінде жиынтықтағы ағымдағы нөмірді қабылдайды, ал екіншісі - оның ағымдағы мәнін:

javascript$(селектор).val(атрибут аты, function(жиынтықтағы нөмір, ағымдағы мән));

Мысал

Келесі мысалда инпутқа енгізілетін мәндерді алып, оларды төмендегі абзацқа шығарайық:

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();

Мысал

Енді val әдісінің көмегімен біз басатын түймелердің мәндерін төменде орналасқан инпутқа енгіземіз:

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);
});

Сондай-ақ қараңыз