jQuery-এ ফর্মের value

ইনপুটের value অ্যাট্রিবিউট নিয়ে কাজ করার জন্যও val মেথড ব্যবহার করা যায়, যা মান পড়তে এবং নতুন মান লিখতে সক্ষম করে।

একটি উদাহরণ দেখা যাক। ধরুন আমাদের কাছে নিম্নলিখিত HTML কোড আছে:

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

চলুন value অ্যাট্রিবিউটে একটি নতুন মান 'www' লিখি:

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()); // আউটপুট দেবে '!!!'

সম্ভবত ফর্ম নিয়ে কাজের অভিন্নতার জন্যই এটি করা হয়েছে।

Задание 1

সকল ইনপুটের value '!'-এ সেট করুন।

Задание 2

number ক্লাসযুক্ত সকল ইনপুটের value-এ সংখ্যা আছে। এগুলি এমন করুন, যাতে সেগুলিতে এই সংখ্যাগুলির বর্গ হয়ে যায়।

Задание 3

in ক্লাসযুক্ত ইনপুটের value আউটপুট করুন।

Задание 4

প্রতিটি ইনপুটের value ক্রমিকভাবে আউটপুট করুন।

Задание 5

text ক্লাসযুক্ত textarea-এর কন্টেন্ট আউটপুট করুন।