1. घर
  2. सवाल और जवाब
  3. एकाधिक चयन की अनुमति दिए बिना HTML में एक सूची बॉक्स कैसे बनाएं?

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

2012-03-08 12 views
81

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

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

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

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

स्रोत

2012-03-08 CodeBlue

+5

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

+3

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

उत्तर

143

बस आकार विशेषता का उपयोग भी देखना चाहें आप

चाहते तत्वों की संख्या के साथ आकार = 6 जोड़ें:

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

स्रोत

2012-03-08 15:11:23 aaroncatlin

+2

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

+0

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

+1

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

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

स्रोत

2016-11-02 10:25:24

संबंधित मुद्दे

 संबंधित मुद्दे