<একাধিক নির্বাচন করুন - কীভাবে কেবলমাত্র একটি আইটেম বাছাই করা যায়?


134

আমার <SELECT multiple>একাধিক বিকল্প সহ একটি ক্ষেত্র রয়েছে এবং আমি একই সাথে এটিতে কেবল একটি বিকল্প নির্বাচন করার অনুমতি দিতে চাই তবে ব্যবহারকারীরা সিটিআরএল কী ধরে রাখতে এবং একবারে আরও আইটেম নির্বাচন করতে পারে।

এটি করার কোনও উপায় আছে কীভাবে? (আমি 'একাধিক' মুছে ফেলতে চাই না)।


5
কি? কেন? এটি আরও ব্যাখ্যা প্রয়োজন।
দাই

5
আপনার নির্বাচনের সাথে একাধিক ব্যবহার না করে? :)
গর্ডনএম

5
@ গর্ডনএম হ্যাঁ পুরোপুরি: পিআই আজ একই সন্ধান করছিল কারণ আমি একাধিক আইটেম প্রদর্শন করতে চেয়েছিলাম (যা multipleগুণাবলীর সাথে বোঝানো হয়েছে) বাস্তবে একাধিক নির্বাচন করতে সক্ষম না হয়ে। ভুলে গেছেন যে অ্যাট্রিবিউট করতে এই বলা হয় size, যাতে শীর্ষ উত্তর ভাল আমার কাজ :),
লুক

আমার ব্যক্তিগতভাবে একটি সিলেক্ট একাধিক ক্ষেত্র রয়েছে যেখানে আমার চারটি বিকল্প রয়েছে এবং আমি চাই তিনটি বিকল্পের বাছাই করতে সক্ষম হতে কিন্তু চতুর্থটি একা থাকা প্রয়োজন যদি এটি অন্য তিনটির সাথে সংঘর্ষ হয় (3 টি বিকল্প এবং একটি "কোনটি নয়" ")
RWolfe

উত্তর:


281

কেবল এটি একটি নির্বাচন একাধিক না করুন, তবে এটির জন্য একটি আকার নির্ধারণ করুন:

  <select name="user" id="userID" size="3">
    <option>John</option>
    <option>Paul</option>
    <option>Ringo</option>
    <option>George</option>
  </select>

কার্যকারী উদাহরণ: https://jsfiddle.net/q2vo8nge/


আকারযুক্ত বৈশিষ্ট্যে প্রোগ্রামিংয়ে <ফাংশন> এর মোট সংখ্যা গণনা করা কি সম্ভব?
MyName

@ নাতাশা আপনি jquery :-) ব্যবহার করে আকারের ক্ষেত্রের মান পেতে পারেন
ভ্লাদিমির ভার্গলে

ফাইলের আকার প্রাসঙ্গিক তথ্য: স্থাপন selectএকটি ভিতরে display: flexধারক, আর flex-grow: 1উপর selectচিকিত্সার জন্য এটা হবে size="3"একটি সর্বনিম্ন উচ্চতা যেমন, এবং তারপর সম্ভব সর্বোচ্চ মাপ আপনার ধারক মধ্যে পুরো নির্বাচন উচ্চতা স্ন্যাপ করা হবে। jsfiddle.net/z1gypahs
টর্েক্সড

25

যদি ব্যবহারকারীদের একবারে একটি মাত্র বিকল্প নির্বাচন করা উচিত তবে কেবল "একাধিক" সরিয়ে ফেলুন - একটি সাধারণ নির্বাচন করুন:

  <select name="mySelect" size="3">
     <option>Foo</option>
     <option>Bar</option>
     <option>Foo Bar</option>
     <option>Bar Foo</option>
  </select>

বেহালা


9

আপনি কেন multipleগুণটি মুছে ফেলতে চান না ? এই বৈশিষ্ট্যের পুরো উদ্দেশ্যটি ব্রাউজারে নির্দিষ্ট করা হয় যে প্রদত্ত selectউপাদান থেকে একাধিক মান নির্বাচন করা যেতে পারে । যদি কেবলমাত্র একটি একক মান নির্বাচন করা উচিত তবে বৈশিষ্ট্যটি সরান এবং ব্রাউজারটি কেবল একটি একক নির্বাচনের অনুমতি দিতে জানবে।

আপনার কাছে থাকা সরঞ্জামগুলি ব্যবহার করুন, এটি তাদের জন্য।


1
অই। আকার বৈশিষ্ট্য এছাড়াও একক কাজ করে। খেয়াল নেই। ধন্যবাদ
সিমপড

6
@ সিমপড যুক্তিযুক্ত কারণ কারণ অনেক সময় এমন হয় যখন ক্লায়েন্টদের সামনে সমস্ত অপশন দেখতে হয় তবে কেবল তাদের মধ্যে একটি বেছে নিতে পারেন। "রিয়েল" এইচটিএমএল লেখার পরে এত দিন হয়ে গেছে যে আমাকে গুগল / উত্তরটি দিতে হয়েছিল ... ওহ কিছুদিন স্ট্যাকওভারফ্লোর জন্য স্বর্গকে ধন্যবাদ জানায়।
রিচার্ড বি

1

আপনি ডিফল্টরূপে কেবল একটি বিকল্প চান, তবে ব্যবহারকারী সিটিআরএল কী টিপে একাধিক বিকল্প নির্বাচন করতে পারেন। এটি (ইতিমধ্যে) ঠিক কীভাবে একাধিকটি নির্বাচন করা বোঝায়।

এটি দেখুন: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_mpleple

আপনি দয়া করে আপনার প্রশ্নটি পরিষ্কার করতে পারেন?


Awww আমি এখন প্রশ্নটি বুঝতে পেরেছি, মার্কোস প্ল্যাঙ্কোনাকে ধন্যবাদ। প্রাথমিক প্রশ্নটি ভাল শব্দযুক্ত ছিল না।
কোজিচেরো

যদিও আমি ব্যক্তিগতভাবে মনে করি এটি ব্যবহারকারীর অভিজ্ঞতার সাথে "অন্যায়", আপনি যখন একাধিক নির্বাচনের বিকল্প দেখান তবে ব্যবহারকারী কেবলমাত্র একটিটিকে নির্বাচন করতে পারে।
কোজিচেরো

1
পরিস্থিতির উপর নির্ভর করে
সিমপড

1

আমি গুগল অনুসন্ধান করার পরে এখানে আসছি এবং আমার শেষে জিনিস পরিবর্তন করব।

সুতরাং আমি কেবল এই নমুনাটি পরিবর্তন করেছি এবং এটি রান-টাইমে jquery এর সাথে কাজ করবে।

$('select[name*="homepage_select"]').removeAttr('multiple')

http://jsfiddle.net/ajayendra2707/ejkxgy1p/5/


4
আপনি মুলত গ্রহণযোগ্য উত্তর যা করছেন তা মূলত আপনি করছেন তবে বিভ্রান্তিকর উপায়ে। রান-টাইমে একাধিক বৈশিষ্ট্য মুছে ফেলার পরিবর্তে, আপনি কেবল এটি সরাসরি এইচটিএমএলে মুছতে পারেন। jsfiddle.net/3rkk6m9a
হ্যারি

1
<select name="flowers" size="5" style="height:200px">
 <option value="1">Rose</option>
 <option value="2">Tulip</option>
</select>

এই সহজ সমাধানটি দৃশ্যত বিকল্পগুলির একটি তালিকা পেতে অনুমতি দেয়, তবে কেবলমাত্র একটি নির্বাচন করতে সক্ষম হতে।


4
তাই আপনাকে স্বাগতম। অনুগ্রহ করে ক্রিয়াপদের বর্ণনামূলক বিবরণ যুক্ত করুন
অ্যান্ড্রি ইভানিয়েকো

1

সিলেক্ট-মাল্টি-সিলেক্টের সাথে আমার কিছু লেনদেন হয়েছিল এটি আমার পক্ষে কৌশলটি

<select name="mySelect" multiple="multiple">
    <option>Foo</option>
    <option>Bar</option>
    <option>Foo Bar</option>
    <option>Bar Foo</option>
</select>

0

উত্তর দিতে দেরি হলেও অন্য কাউকে সহায়তা করতে পারে, এখানে 'একাধিক' বৈশিষ্ট্যটি না সরিয়ে কীভাবে এটি করা যায় তা এখানে।

$('.myDropdown').chosen({
    //Here you can change the value of the maximum allowed options
    max_selected_options: 1
});

দ্রষ্টব্য: এটিতে
স্মোকো
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.