बहुत सारे तत्वों के साथ कॉम्बो बक्से के लिए अच्छा जावास्क्रिप्ट कॉम्बो बॉक्स प्रतिस्थापन?

Question

मेरे पास एक ऐसा पृष्ठ है जहां मेरे कॉम्बो बॉक्स में सैकड़ों तत्व हैं जो मुझे इच्छित एक आइटम चुनना बहुत मुश्किल बनाता है। वहाँ एक अच्छा जावास्क्रिप्ट प्रतिस्थापन की तुलना में बेहतर

<select id="field-component" name="field_component"> 
        <option selected="selected">1</option><option>2</option>... 
</select> 

करना होगा है वहाँ "Intellisense" के साथ कुछ स्वत: पूर्ण की तरह है?

Answer 1

आप ajax का उपयोग कर डेटा पुनः प्राप्त करने के लिए जब आप इनपुट क्षेत्र भरने रहे हैं dhtmlCombo है,।

dhtmlxCombo स्वत: पूर्ण सुविधा वाला एक क्रॉस-ब्राउज़र जावास्क्रिप्ट combobox है।

यह सबसे अद्यतित वेब अनुप्रयोगों की आवश्यकताओं को पूरा करने के लिए मूल चयन बॉक्स कार्यक्षमता बढ़ाता है।

dhtmlxCombo मौजूदा HTML SELECT या जावास्क्रिप्ट के साथ आबादी में परिवर्तित किया जा सकता है। AJAX का समर्थन करना, यह सर्वर डेटासॉर गतिशील रूप से से सूची मान प्राप्त कर सकता है।

Answer 2

Prototype और Scriptaculous का उपयोग इस स्थिति में अच्छी तरह से काम करता है।

Answer 3

jQuery Autocomplete प्लगइन की जांच करें, इसका उपयोग करना आसान है, आपको केवल एक JSON प्रतिक्रिया सर्वर पक्ष उत्पन्न करना होगा।

this demos देखें।

Answer 4

एचटीएमएल 5 में मानक कॉम्बो बॉक्स है।

वर्तमान में केवल ओपेरा इसका समर्थन करता है, लेकिन अगर आप समय यात्री या लेखन ओपेरा केवल आवेदन होने के लिए होता है, यह एक अच्छा समाधान :)

<input type=text list=listid> 
<datalist id=listid> 
    <select><option>1<option>2</select> 
</datalist> 

Answer 5

बस एक नोट: यदि सलेक्ट बॉक्स वर्तमान में फ़ोकस किए है, आप अपने कीबोर्ड पर टाइप कर सकते हैं और यह आपको उस टेक्स्ट से शुरू होने वाले चयन में ले जाएगा, इसलिए यूएस स्टेट ड्रॉपडाउन में "केन" टाइप करने से "केंटकी" विकल्प स्वतः-चयन होगा।

Answer 6

आप इस बता गया प्राप्ति http://www.zoonman.com/projects/combobox/

• शुद्ध जावास्क्रिप्ट कोशिश कर सकते हैं। संपादन योग्य। आईई 6 का समर्थन करता है।
• गैर मानक HTML लेआउट।

Answer 7

मुझे लगता है कि ट्विटर की मुफ्त typeahead.js लाइब्रेरी आज उपलब्ध सर्वोत्तम स्वत: पूर्ण लाइब्रेरी है। http://twitter.github.io/typeahead.js/