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-এর
কন্টেন্ট আউটপুট করুন।
