क्या आपके पास <option> तत्व में एकाधिक लाइनें हो सकती हैं?

Question

<option> तत्व में एकाधिक लाइनों का कोई तरीका है?

------------------------- 
| Normal <option> element | 
------------------------- 
| <option> element broken | 
| onto two lines   | 
------------------------- 
| Normal <option> element | 
------------------------- 

वहाँ किसी भी HTML/CSS दृष्टिकोण है, या मैं जावास्क्रिप्ट का उपयोग करना चाहिए:

इस तरह

?

Answer 1

यह <option></option> तत्व के अंदर HTML टैग प्रदर्शित करने का एक विशेष मामला है। जहां तक ​​मुझे पता है, ब्राउज़र इस क्षेत्र में बहुत अलग व्यवहार करते हैं (फ़ायरफ़ॉक्स भी छवियों को प्रदर्शित करता है, अन्य ब्राउज़र अधिकांश या सभी टैग को अनदेखा करते हैं) और क्रॉस-ब्राउज़र समाधान नहीं है। आपको शायद इसे जावास्क्रिप्ट और एक अलग मार्कअप के साथ अनुकरण करने की आवश्यकता होगी।

http://www.w3.org/TR/2011/WD-html-markup-20110113/option.html पर वे कहते हैं:

अनुमति सामग्री: सामान्य चरित्र डेटा

... जो http://www.w3.org/TR/2011/WD-html-markup-20110113/syntax.html#normal-character-data

में परिभाषित किया गया है कल्पना को समझने के लिए मुश्किल है, हमेशा की तरह, लेकिन मैं समझता हूं कि आप एक शाब्दिक < (यानी, एक HTML टैग जैसे <br>) सम्मिलित नहीं कर सकते हैं। मुझे नहीं पता कि यह रिक्त स्थान के साथ व्यवहार को परिभाषित करता है लेकिन अधिकांश ब्राउज़र इसे ध्वस्त करने लगते हैं।

Answer 2

चयन के साथ समस्या यह है कि वे वेब फॉर्म तत्वों के विपरीत ओएस फॉर्म तत्व हैं। यही कारण है कि कुछ ब्राउज़रों में उन्हें स्टाइल करना संभव नहीं है (खांसी ... आईई 6) अन्य इनपुट के विपरीत। क्या आपने इसे कहीं भी एक उदाहरण देखा है? चूंकि ऑपरेटिंग सिस्टम इसे समायोजित नहीं करता है, ब्राउज़र भी नहीं होगा।

मैं यह भी इंगित करता हूं कि यह बहुत उपयोगकर्ता के अनुकूल नहीं है। उपयोगकर्ताओं को सिंगल लाइनों पर विकल्पों वाले एक चयन बॉक्स के विचार के लिए उपयोग किया जाता है। यदि आप उन्हें कई लाइनों पर रखना शुरू करते हैं, तो आप चुनिंदा बॉक्स की उपयोगिता और अंतर्निहित पहुंच के अनाज के खिलाफ जा रहे हैं। यह मार्ग लेना शायद इतना अच्छा विचार नहीं हो सकता है।

बस मेरी राय है, लेकिन उम्मीद है कि यह समझ में आता है।

Answer 3

मुझे डर नहीं है। ब्राउज़र <option> तत्वों के अंदर न्यूलाइन वर्णों और HTML <br> टैगों को अनदेखा करते हैं, और मुझे नहीं लगता कि जावास्क्रिप्ट इस पाठ को कैसे प्रकट करता है इसका उपयोग करने के लिए कोई तरीका प्रदान करता है।

Answer 4

नहीं, आपको ऐसी चीज़ के लिए कस्टम ड्रॉप डाउन सूची बनाना होगा।

jQuery इनमें से बहुत सारे प्रदान करता है; आप संभवतः प्राप्त करने के लिए विशिष्ट विकल्पों के लिए height को परिभाषित करने के लिए सीएसएस का उपयोग कर सकते हैं।

Answer 5

यह आप क्या चाहते हैं नहीं हो सकता है, लेकिन आप , विकल्प के अनुसार दो पंक्तियों प्राप्त कर सकते हैं "optgroup" टैग, उदा, का उपयोग करके:

<select> 
    <optgroup label="Click below for 'yes'"> 
    <option value="yes">Yes</option> 
    </optgroup> 
    <optgroup label="Click below for 'No'"> 
    <option value="no">No</option> 
    </optgroup> 
</select>