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