दिलचस्प पोस्ट
मैं कोने 2 में "चयन" में नया चयन कैसे प्राप्त करूं? बहुत खराब बढ़ावा: lexical_cast प्रदर्शन लिनक्स 3.0: पाइप स्टडिन / स्टडआउट के साथ बाल प्रक्रिया निष्पादित मैं कैसे Laravel 5 में मॉडल में मिश्रित चाबियाँ डाल सकता हूं? एक आर सत्र में उपलब्ध स्मृति का प्रबंधन करने के लिए ट्रिक्स एक अधिसूचना से मापदंडों को एक गतिविधि में कैसे भेजें? गणितीय रूप से एक सरल ग्राफिक्स पाइपलाइन की गणना स्कैनर बनाम स्ट्रिंगटोकनाइज़र बनाम स्ट्रिंग। स्प्लिट फ्लोट और डबल तुलना का सबसे प्रभावी तरीका क्या है? "ऑपरेटर बूल () कॉन्स्ट" का क्या अर्थ है जावास्क्रिप्ट फाइल अपलोड सेलेनियम, अजगर के साथ फ़ाइल कैसे अपलोड करें (चित्र) त्रुटि LNK2019: अनसुलझे बाहरी प्रतीक _WinMain @ 16 समारोह में संदर्भित ___tmainCRTS स्टार्टअप अजगर 3.x के सुपर () जादू क्यों है? एक ही एएसपी.नेट एमवीसी एक्शन के कारण कई युगपत AJAX कॉल करने से ब्राउज़र को ब्लॉक करने के कारण क्यों?

एक चयन सूची में शब्द लपेटें विकल्प

क्या एक चयन सूची के भीतर लंबे विकल्प लपेट करना संभव है?

मेरे पास एक गतिशील चयन सूची है, और कुछ विकल्प बहुत लंबा हैं मुझे पसंद करना चाहते हैं जो अगली पंक्ति को लपेटने के लिए बहुत लंबा हैं इसके अलावा, मैं उन पंक्तियों को इंडेंट करना चाहता हूं।

मेरा समाधान यदि यह संभव नहीं है तो न केवल परिणाम के लिए n वर्णों को ट्रिम करना है

यहां मेरे पास क्या है:

 I'm a short option This is a really really really long option This one isn't too bad But whoa look how long I am! I go on forever! 

और ये है कि मैं क्या करना चाहता हूं:

 I'm a short option This is a really really really long option This one isn't too bad But whoa look how long I am! I go on forever! 

वेब के समाधान से एकत्रित समाधान "एक चयन सूची में शब्द लपेटें विकल्प"

आप इसे एक मानक <option> कर सकते हैं, आपको रोल-अपने-खुद या मेनू प्लगइन की आवश्यकता होगी

यहाँ एक त्वरित और शुद्ध jQuery समाधान है जो कुछ मदद कर सकता है। अपने स्वयं के ड्रॉप डाउन बनाने और स्कॉट एवेन्डेन द्वारा वर्णित छिपे हुए चयन से मूल्य / पाठ खींचने के बाहर। इससे आपको खेलने के लिए कुछ कमरे मिलेगा। यह एक शब्द के बीच में कटौती नहीं करता है, लेकिन साथ ही यह पाठ लपेट नहीं करता है। यह पूर्ण पाठ को शीर्षक में डाल देगा, ताकि उपयोगकर्ता रोलओवर कर सकता है और पूर्ण पाठ शब्द लपेट कर देख सकता है। तब अधिकतम वर्णों की संख्या में जाने के लिए अधिकतम चेर सेटिंग का उपयोग किया जाएगा, तब शब्द के अंत की खोज करें, ताकि शब्द को बंद न करें। विकल्प का न्यूनतम चौड़ाई इसे चयन के साथ इनलाइन रखना चाहिए, लेकिन आगे बढ़ो और अधिकतम चारे चर के साथ खेलना चाहिए और उसे इसे सीमा से बाहर जाने से रोकना चाहिए। यह एक संक्षिप्त समाधान है क्योंकि मैं ज्यादातर मामलों में एक अनुकूलित समाधान के साथ जाता हूं, लेकिन त्वरित सूचियों के लिए जहां उपयोगकर्ता जान सकते हैं कि वे पहले शब्द या दो के साथ क्या उठा रहे हैं यह महान काम करता है उम्मीद है कि यह किसी को मदद करता है:

 var optionText, array = [], newString, maxChar = 40; $('select').each(function(){ $(this).find('option').each(function(i,e) { $(e).attr('title',$(e).text()); optionText = $(e).text(); newString = ''; if (optionText.length > maxChar) { array = optionText.split(' '); $.each(array,function(ind,ele) { newString += ele+' '; if (ind > 0 && newString.length > maxChar) { $(e).text(newString); return false; } }); } }); });