একাধিক নির্বাচনের অনুমতি না দিয়ে কীভাবে এইচটিএমএলতে একটি তালিকা বাক্স তৈরি করবেন?


98

আমার এইচটিএমএল তেমন অভিজ্ঞতা নেই। আমি একটি সাধারণ তালিকা বাক্স তৈরি করতে চাইছি, তবে প্রয়োজনীয়তার মধ্যে একটি হ'ল একাধিক নির্বাচন নিষ্ক্রিয় করা। তালিকার বাক্সগুলির বেশিরভাগ কোড এইভাবে চলে -

 <select name="sometext" multiple="multiple">
    <option>text1</option>
    <option>text2</option>
    <option>text3</option>
    <option>text4</option>
    <option>text5</option>
 </select>

তবে এটি একাধিক নির্বাচনের অনুমতি দেয়।

এখানে , অনুরূপ একটি প্রশ্ন জিজ্ঞাসা করা হয়েছিল, তবে "সেরা" উত্তরটি নিম্নমানের করা হয়েছে। সুতরাং আমি নিশ্চিত না যে কীভাবে এটি করা যেতে পারে। সাহায্য করুন.


4
আপনার জন্য অন্যান্য আগতদের জন্য, দয়া করে আপনার নিজের ভালোর জন্য পূর্বোক্ত ওয়েবসাইটটি এড়িয়ে চলুন - তারা ভাল এসইও পেয়েছে তবে এটি প্রায়। এটি খারাপ অভ্যাস এবং অভ্যাসের সাথে ঝাঁকুনি পরে পরে শিখলে আপনি দুঃখিত হবেন। এমডিএন (মজিলা) থেকে এপিআই ব্যবহার করুন, এই ক্ষেত্রে ডেভেলপার.মোজিলা.আর.ইন- ইউএস / ডকস / ওয়েবে / এইচটিএমএল / উপাদান / নির্বাচন নির্বাচন করুন ।
বেন

4
@ সতর্কতার জন্য স্টিভ ধন্যবাদ তাঁর মন্তব্য "এই কারণেই আমার একটা কাজ আছে" অহঙ্কারী হিসাবে এসেছিল। আপনার যদি চাকুরী হয় তবে আপনার পক্ষে ভাল। এটি বিজ্ঞাপন নয় উত্তরগুলির জন্য একটি ফোরাম।
ব্লু

উত্তর:


172

কেবল আকারের বৈশিষ্ট্যটি ব্যবহার করুন:

<select name="sometext" size="5">
  <option>text1</option>
  <option>text2</option>
  <option>text3</option>
  <option>text4</option>
  <option>text5</option>
</select>

স্পষ্ট করার জন্য, আকারের বৈশিষ্ট্যটি যুক্ত করা একাধিক নির্বাচন মুছে ফেলেনি।

একক নির্বাচন কাজ করে কারণ আপনি একাধিক = "একাধিক" বৈশিষ্ট্য সরিয়েছেন।

আকার = "5" বৈশিষ্ট্য যুক্ত করা এখনও একটি ভাল ধারণা, এর অর্থ হ'ল কমপক্ষে 5 টি লাইন প্রদর্শিত হবে। এখানে সম্পূর্ণ রেফারেন্স দেখুন


4
সত্যের পক্ষে উন্নীত এছাড়াও, যখন প্রশ্নটি আগে পোস্ট করা হয়েছিল, তখন এই সমাধানটি সমস্ত ব্রাউজারগুলির দ্বারা ব্যাপকভাবে সমর্থিত নাও হতে পারে।
অ্যারোনক্যাটলিন

এটি সম্ভবত হ্রাস করা হয়েছিল কারণ আকারের বৈশিষ্ট্যটি সেট করা থাকলে ব্রাউজারের এটি তালিকাবক্স হিসাবে রেন্ডার করার জন্য এইচটিএমএল স্ট্যান্ডার্ডে এমন কোনও কিছুই নেই। হ্যাঁ, বর্তমানে সমস্ত বড় ব্রাউজারগুলি তা করে তবে তাদের কোনও গ্যারান্টি নেই always বাস্তবিকভাবে যদিও, এটি এতগুলি ওয়েবসাইটের জন্য একটি ব্রেকিং পরিবর্তন হতে পারে, কোনও ব্রাউজার এটি পরিবর্তিত হওয়ার সম্ভাবনা নেই।
এলিজার

4
স্ট্যান্ডার্ডটি একটি সামান্য ব্যাখ্যার জন্য উন্মুক্ত: "একটি নির্বাচিত উপাদানটির প্রদর্শন আকারটি অ-নেতিবাচক পূর্ণসংখ্যার উপাদানটির আকারের গুণকের মানকে পার্স করার নিয়ম প্রয়োগের ফলাফল , যদি এর একটি থাকে এবং এটি পার্সিং হয় তবে এটি সফল হয়।" যদিও এটি নির্দিষ্টভাবে উল্লেখ করে না যে এটি একটি ড্রপডাউন বা তালিকাবক্স হিসাবে প্রদর্শিত হওয়া উচিত, একটি ড্রপডাউন নিয়ন্ত্রণ প্রদর্শন করা কঠিন হবে যা 1 টিরও বেশি উপাদান দেখায়। ( এইচটিএমএল.স্পেক.কিট.ইউইউইজিআর.জি./#the
select-

ধন্যবাদ !! এবং এটি স্পষ্টতই,
জেএসের


2

Asp.Net MVC এর জন্য

@Html.ListBox("parameterName", ViewBag.ParameterValueList as MultiSelectList, 
 new { 
 @class = "chosen-select form-control"
 }) 

বা

  @Html.ListBoxFor(model => model.parameterName,
  ViewBag.ParameterValueList as MultiSelectList,
   new{
       data_placeholder = "Select Options ",
       @class = "chosen-select form-control"
   })
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.