<select> এলিমেন্ট ব্যবহার করে ব্যবহারকারীকে একাধিক অপশন থেকে একটি বেছে নেওয়ার সুযোগ দেওয়া যায়। Bootstrap-এ .form-control ক্লাস দিয়ে এটিকে স্টাইল করা হয়।
- পরিচিত অপশন যেমন রাজ্য বা সংখ্যা বেছে নেওয়ার জন্য
<select>ব্যবহার করুন। - একাধিক অপশন বেছে নেওয়ার জন্য
multiple="multiple"অ্যাট্রিবিউট যোগ করুন।
উদাহরণ
নিচের কোডে একটি সাধারণ ড্রপডাউন মেনু দেখানো হয়েছে:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</head>
<body>
<form role="form">
<div class="form-group">
<label for="name">দেশ</label>
<select class="form-control">
<option>ভারত</option>
<option>অস্ত্রেলিয়া</option>
<option>আমেরিকা</option>
</select>
</div>
</form>
</body>
</html>
বহু-চয়নযোগ্য ড্রপডাউন: <select class="form-control" multiple="multiple"> লিখলে ব্যবহারকারী Ctrl/Cmd চাপিয়ে একাধিক অপশন বেছে নিতে পারবে।
