6
<input type="text" list="numbers">
<datalist id="numbers">
<option value="110">
<option value="111">
<option value="112">
<option value="113">
<option value="114">
<option value="115">
</datalist>
http://jsfiddle.net/shvPB/एचटीएमएल 5 DataList में इनपुट मूल्य बदलने
परिदृश्य:
1. उपयोगकर्ता मूल्य विकल्पों में से किसी लिख सकते हैं या नीचे/ऊपर तीर करने के लिए शुरू होता है, और ड्रॉपडाउन सूची विकल्पों का सुझाव।
2. उपयोगकर्ता माउसक्लिक या विकल्प में से किसी एक पर एंटरक्लिक, और महत्वपूर्ण: वह अभी भी सूची को ऊपर/नीचे स्क्रॉल कर सकती है।
3. उपयोगकर्ता इनपुट क्षेत्र के बाहर क्लिक करता है। इनपुट फ़ील्ड अब फोकस में नहीं है।
4. उपयोगकर्ता इनपुट क्षेत्र पर अपनी पसंद और क्लिक बदलना चाहता है लेकिन विकल्प अब और दिखाई नहीं दे रहे हैं।
मैं चरण 4 पर भी विकल्प कैसे दिखा सकता हूं?
मुझे नहीं लगता कि आप प्रोग्रामेटिक रूप से डेटालिस्ट को सक्रिय कर सकते हैं। Http://stackoverflow.com/questions/16133661/programmatically-make-datalist-of-inputtype-url-appear-with-javascript –
आप उसी तरह से नहीं चुन सकते हैं जिससे आप एक चुनिंदा टैग को खोलने के लिए मजबूर नहीं कर सकते। – j08691
@ j08691 कृपया अपने अनुमानों के साथ लोगों को भ्रमित न करें जेएस के साथ खुले चयन करें वास्तव में किया जा सकता है और यहां हल किया गया था: http://stackoverflow.com/questions/10453393/how-to-open-the-select-input-using-jquery ... यह ऐसे दृष्टिकोण को भी दिखाता है जो (या नहीं) डायटलिस्ट के लिए भी काम कर सकता है (अपमान, नातालिस्ट के लिए समाधान नहीं ...) –