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