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