jQuery да формаларнинг value си

Инпутларнинг value атрибути билан ишлаш учун шундай методдан ҳам фойдаланиш мумкин val, у янги қийматларни ўқиш ва ёзиш имконини беради.

Мисол кўриб чиқайлик. Фарз қилайлик, бизда куйидаги HTML коди бор:

<input type="text" id="test" value="!!!">

Келинг value атрибутига янги 'www' қийматини ёзайлик:

$('#test').val('www');

HTML коди куйидагича кўринади:

<input type="text" id="test" value="www">

Энди айни пайтдаги қийматни экранга чиқарайлик:

alert($('#test').val());

val методи учун ҳар бир элементга функцияни қўллаш имконияти мавжуд. Функция биринчи параметр сифатида тўпламдаги айни пайтдаги рақамни, иккинчиси эса унинг айни пайтдаги қийматини олади.

Яна бир нюанс бор - textarea теги учун ички контентни html методи орқали олиб бўлмайди. Бунинг учун val методидан фойдаланиш керак.

Куйидаги HTML кодини кўриб чиқайлик:

<textarea id="test">!!!</textarea>

Javascript кодида val методини ёзамиз:

alert($('#test').val()); // '!!!' чиқади

Эҳтимол, бу формалар билан ишлашни бир хил усулда амилга ошириш учун қилинган.

Барча инпутларнинг value сини '!' га киритинг.

number синфи бор барча инпутларнинг value ларида сонлар бор. Уларни шу сонларнинг квадратларига айлантиринг.

in синфли инпутнинг value сини чиқаринг.

Ҳар бир инпутнинг value сини кетма-кет чиқаринг.

text синфли textarea нинг контентини чиқаринг.