জেকুয়েরি val() মেথড
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
val() মেথড নির্বাচিত এলিমেন্টের ভ্যালু এট্রিবিউট সেট করে অথবা রিটার্ণ করে।
যখন ভ্যালু রিটার্ন করতে ব্যবহৃত হবে:
এই মেথডটি প্রথম মিলকৃত এলিমেন্টের value এট্রিবিউটের ভ্যালু রিটার্ন করবে।
যখন ভ্যালু সেট করতে ব্যবহৃত হবে:
এই মেথডটি সকল মিলকৃত value এট্রিবিউটের ভ্যালু রিটার্ন করবে।
নোট: val() মেথড বেশিরভাগ এইচটিএমএল ফর্ম এলিমেন্টের সাথে ব্যবহার করা হয়।
সিনট্যাক্স ও ব্যাখ্যা
value এট্রিবিউট রিটার্ন:
$(selector).val()
value এট্রিবিউট সেট:
$(selector).val(value)
ফাংশন ব্যবহার করে ভ্যালু এট্রিবিউট সেট:
$(selector).val(function(index,currentvalue))
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে val() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
value |
আবশ্যক। value এট্রিবিউটের ভ্যালু নির্দেশ করে। |
function(index,currentvalue) |
ঐচ্ছিক। একটি ফাংশন উল্লেখ করে ভ্যালু সেট করতে রিটার্ন করে।
|
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input:text").val("Satt Academy");
});
});
</script>
</head>
<body>
<p>নাম: <input type="text" name="user"></p>
<button>ইনপুট ফিল্ডের ভ্যালু সেট করুন।</button>
</body>
</html>
ফলাফল
উদাহরণ
value এট্রিবিউট রিটার্ন
কিভাবে প্রথম মিলকৃত এলিমেন্টের value এট্রিবিউটের ভ্যালু রিটার্ন করে।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("input:text").val());
});
});
</script>
</head>
<body>
নাম: <input type="text" value="জিহাদুল ইসলাম"><br>
বয়স: <input type="number" value="22"><br><br>
<button>প্রথম ইনপুট ফিল্ডের ভ্যালু রিটার্ন করুন</button>
</body>
</html>
ফলাফল
ফাংশন ব্যবহার করে value এট্রিবিউট সেট
কিভাবে একটি ফাংশন ব্যবহার করে value এট্রিবিউটের ভ্যালু সেট করা যায়।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input:text").val(function(n, c){
return c + " ইসলাম";
});
});
});
</script>
</head>
<body>
<p>নাম: <input type="text" value="জিহাদুল"></p>
<button>ইনপুট ফিল্ডের ভ্যালু সেট করুন</button>
</body>
</html>
ফলাফল
« জেকুয়েরি এইচটিএমএল/সিএসএস মেথডসমূহ