jQuery හි ආකෘතිවල අගය

ආදාන ක්ෂේත්‍රවල value ගුණාංගය සමඟ වැඩ කිරීම සඳහා ඔබට val ක්‍රමය ද භාවිතා කළ හැකිය, එය අගයන් කියවීමට සහ නව අගයන් ලිවීමට ඉඩ සලසයි.

අපි උදාහරණයක් බලමු. අපට පහත HTML කේතය තිබේ යැයි සිතමු:

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

අපි නව අගයක් 'www' value ගුණාංගයට ලියමු:

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

HTML කේතය මෙසේ දිස්වනු ඇත:

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

දැන් අපි වත්මන් අගය තිරය මත ප්‍රදර්ශනය කරමු:

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

val ක්‍රමය සඳහා කට්ටලයේ එක් එක් මූලද්‍රව්‍යයට ශ්‍රිතයක් යෙදීම ද ලබා ගත හැකිය. ශ්‍රිතය පළමු පරාමිතිය ලෙස කට්ටලයේ වත්මන් අංකයත්, දෙවන පරාමිතිය ලෙස එහි වත්මන් අගයත් ලබා ගනී.

තවත් සූක්ෂ්ම කරුණක් තිබේ - textarea ටැගය සඳහා අභ්‍යන්තර අන්තර්ගතය html ක්‍රමය හරහා ලබා ගත නොහැක. මේ සඳහා ඔබ val ක්‍රමය භාවිතා කළ යුතුය.

පහත HTML කේතය සලකා බලමු:

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

Javascript කේතයේ අපි val ක්‍රමය ලියමු:

javascriptalert($('#test').val()); // '!!!' ප්‍රදර්ශනය කරයි

ඇත්ත වශයෙන්ම මෙය කර ඇත්තේ ආකෘති සමඟ වැඩ කිරීමේ ඒකාකාරීත්වය සඳහා ය.