val әдісі
val әдісі элементтің ағымдағы мәнін алуға және өзгертуге
мүмкіндік береді.
Синтаксис
Біз жиынтықтағы бірінші элементтің ағымдағы мәнін осылай ала аламыз:
$(селектор).val();
val әдісі негізінен форма элементтерінің мәндерін алу үшін
қолданылады, мысалы:
input,
select
және textarea. Егер
ол бос жиынтықта шақырылса, undefined қайтарады.
multiple атрибуты орнатылған select-пен жұмыс істеген кезде,
әдіс таңдалған әрбір option-тің мәндерінің массивін қайтарады. Егер ешқайсысы таңдалмаған болса,
онда бос массив қайтарылады. Біз жиынтықтағы әрбір элементтің
мәнін осылай орната аламыз. Параметр ретінде
жол, массив немесе сан беруге болады:
$(селектор).val(мән);
Функцияны жиынтықтағы әрбір элементке қолдану. Функция бірінші параметр ретінде жиынтықтағы ағымдағы нөмірді қабылдайды, ал екіншісі - оның ағымдағы мәнін:
$(селектор).val(атрибут аты, function(жиынтықтағы нөмір, ағымдағы мән));
Мысал
Келесі мысалда инпутқа енгізілетін мәндерді алып, оларды төмендегі абзацқа шығарайық:
<input type="text" value="text">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Мысал
Енді val әдісінің көмегімен біз
басатын түймелердің мәндерін төменде орналасқан
инпутқа енгіземіз:
<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);
});
