एकाधिक चयन की अनुमति के बिना HTML में एक सूची बॉक्स कैसे बनाएं?

Question

मुझे HTML में ज्यादा अनुभव नहीं है। मैं एक साधारण सूची बनाने के लिए देख रहा हूँ, लेकिन आवश्यकताओं में से एक को कई चयन को उजागर करना है। लिस्टबॉक्स के अधिकांश कोड इस प्रकार हैं -

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

लेकिन यह कई चयन के लिए अनुमति देता है।

यहां , एक समान प्रश्न पूछा गया था, लेकिन "सर्वश्रेष्ठ" उत्तर को अस्वीकार कर दिया गया है। इसलिए मुझे यकीन नहीं है कि यह कैसे किया जा सकता है। कृपया मदद कीजिए।

Comments

आपके लिए अन्य नवागंतुकों के लिए, कृपया अपने स्वयं के अच्छे के लिए उपरोक्त वेबसाइट से बचें - उन्हें अच्छा एसईओ मिला है, लेकिन इसके बारे में है। यह खराब प्रथाओं और आदतों से भरा हुआ है, आपको खेद है कि आपने बाद में सीखा। MDN (मोज़िला) से API का उपयोग करें, इस मामले में developer.mozilla.org/en-US/docs/Web/HTML/Element/select ।

— बेन

@ चेतावनी के लिए धन्यवाद। उनकी टिप्पणी "यही कारण है कि मेरे पास एक नौकरी है" अभिमानी के रूप में भी आया था। अगर आपके पास नौकरी है, तो आपके लिए अच्छा है। यह उत्तर के लिए एक मंच है और विज्ञापन नहीं है।

— कोडब्लू

Answer 1

बस आकार विशेषता का उपयोग करें:

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

स्पष्ट करने के लिए, आकार विशेषता जोड़ने से कई चयन नहीं निकाले गए।

एकल चयन कार्य करता है क्योंकि आपने एकाधिक = "एकाधिक" विशेषता को हटा दिया है।

आकार जोड़ना = "5" विशेषता अभी भी एक अच्छा विचार है, इसका मतलब है कि कम से कम 5 लाइनें प्रदर्शित होनी चाहिए। पूरा संदर्भ यहां देखें

Comments

सत्य के लिए उत्थान किया। इसके अलावा, जब प्रश्न पहले पोस्ट किया गया था, तो यह समाधान सभी ब्राउज़रों द्वारा व्यापक रूप से समर्थित नहीं हो सकता है।

— एरोनकैटलिन

संभवतः इसे डाउनवोट किया गया था क्योंकि HTML मानकों में ऐसा कुछ भी नहीं है जो आकार विशेषता सेट होने पर ब्राउज़र को इसे एक सूची बॉक्स के रूप में प्रस्तुत करने की आवश्यकता हो। हां, सभी प्रमुख ब्राउज़र वर्तमान में करते हैं, लेकिन इसकी कोई गारंटी नहीं है कि वे हमेशा करेंगे। वास्तविक रूप से, हालांकि, यह कई वेबसाइटों के लिए एक ब्रेकिंग परिवर्तन होगा, कोई भी ब्राउज़र इसे बदलने की संभावना नहीं है।

— एलिजर

मानक थोड़ी व्याख्या के लिए खुला है: "एक चयनित तत्व का प्रदर्शन आकार गैर-नकारात्मक पूर्णांकों को तत्व के आकार विशेषता के मूल्य पर लागू करने के लिए नियमों को लागू करने का परिणाम है , अगर इसमें एक है और इसे सफल करना है।" जबकि यह विशेष रूप से यह नहीं बताता है कि इसे ड्रॉपडाउन या लिस्टबॉक्स के रूप में प्रदर्शित किया जाना चाहिए, ड्रॉपडाउन नियंत्रण को प्रदर्शित करना मुश्किल होगा जो 1 से अधिक तत्व दिखाता है। ( html.spec.whatwg.org/#the-select-element )

— aaroncatlin

धन्यवाद!! और यह गतिशील रूप से, स्पष्ट रूप से, Js: D

— Jcc.Sanabria के

Answer 2

एकाधिक = "एकाधिक" विशेषता निकालें और अपने इच्छित तत्वों की संख्या के साथ SIZE = 6 जोड़ें

आप इस साइट को देखना चाहते हैं

http://www.htmlcodetutorial.com/forms/_SELECT.html

Answer 3

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"
   })