jQuery හි ආකෘතිවල අගය
ආදාන ක්ෂේත්රවල value ගුණාංගය සමඟ වැඩ කිරීම සඳහා
ඔබට val ක්රමය ද භාවිතා කළ හැකිය,
එය අගයන් කියවීමට සහ නව අගයන් ලිවීමට
ඉඩ සලසයි.
අපි උදාහරණයක් බලමු. අපට පහත HTML කේතය තිබේ යැයි සිතමු:
<input type="text" id="test" value="!!!">
අපි නව අගයක් 'www'
value ගුණාංගයට ලියමු:
$('#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 හි
අන්තර්ගතය ප්රදර්ශනය කරන්න.
