জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি :selected সিলেক্টর

« জেকুয়েরি সিলেক্টরসমূহ



সংজ্ঞা এবং ব্যবহার

:selected সিলেক্টরের মাধ্যমে পূর্ব নির্ধারিত অপশন এলিমেন্টকে সিলেক্ট করা হয়।

নোট: এই সিলেক্টরটি চেকবক্স অথবা রেডিও বাটনের ক্ষেত্রে কাজ করবে না। এর পরিবর্তে :checked সিলেক্টর ব্যবহার করুন।

সিনট্যাক্স ও ব্যাখ্যা

$(":selected") 

:selected সিলেক্টর সংক্রান্ত উদাহরণ

উদাহরণঃ

একটি ড্রপডাউন লিস্টের পূর্ব-নির্ধারিত আইটেম সিলেক্ট:

<!DOCTYPE html>
<html>
<head>

<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(":selected").css("background-color", "aqua");
});
</script>
</head>
<body>

<form>
নাম: <input type="text" name="user"><br>
ডিভাইস:
<select>
  <option>computer</option>
  <option selected="selected">laptop</option>
  <option>mackbook</option>
  <option>mobile</option>
</select>
</form>

</body>
</html>
 

ফলাফল




« জেকুয়েরি সিলেক্টরসমূহ