क्या ड्रॉपडाउन आइटम

Question

पर एक कुंजी प्रेस से संबंधित एक साफ HTML तरीका है, मैं उस एप्लिकेशन पर काम कर रहा हूं जिसमें मैं त्वरित डेटा प्रविष्टि के लिए अनुमति देना चाहता हूं। तो मैं int महीने मूल्य (यानी 7 = जुलाई) द्वारा चयनित दिनांक फ़ील्ड बनाना चाहता हूं। मुझे लगता है कि मेरे पास केवल 2 विकल्प हैं।

1. प्रारंभ में लगा महीना करने के लिए संख्या (1 - जनवरी, 2 - फ़रवरी, ... आदि), लेकिन यह बदसूरत
2. उपयोग जे एस या jQuery कुंजी दबाव रोकना और उपयुक्त माह चयन करने के लिए साध्य (है , लेकिन गंदा)

वहाँ एक ड्रॉप डाउन के लिए एक छिपा locater करने के लिए एक तरीका है?

- स्पष्टता के लिए संपादित करें -

मैं एक कैलेंडर पिकर (जो मेरे पास है) वे टाइप कर सकते हैं का उपयोग कर इनपुट करने के लिए उपयोगकर्ताओं को और अधिक आसानी से कुंजीपटल के माध्यम से तारीख की अनुमति देने की कोशिश कर रहा है ताकि के बजाय कर रहा हूँ .... 1 टैब 1 टैब 2010, जो तारीख जनवरी 1 ले जाएगी, 2010

Answer 1

वहाँ HTML में एक accesskey विशेषता है, जो [Alt] + Character का उपयोग कर उपयोग की अनुमति निर्दिष्ट करने की अनुमति देता है है। लेकिन मैं नहीं पता है, कि क्या यह <option> के लिए काम करता है:

<select> 
    <option accesskey="1">January</option> 
    <!-- ... --> 
</select> 

Answer 2

यहाँ कैसे यह काम कर पाने के का एक उदाहरण है:

$(function() 
{ 
    $.each($("select.month"), function() { new MonthSelector(this); }); 
}); 

var MonthSelector = function(that) 
{ 
    var self = this; 
    $(that).bind("keypress", function(event) { self.onKeyPress(event); }); 
    this.two = false; 
    this.select = that; 
}; 

MonthSelector.prototype.onKeyPress = function(event) 
{ 
    if (event.which < 48 || event.which > 57) return; 
    var digit = event.which - 48; 

    if (this.two && digit <= 2) 
    { 
     digit += 10; 
     this.two = false; 
    } 
    else 
    { 
     this.two = (digit == 1); 
    } 

    if (digit != 0) 
     this.select.selectedIndex = digit - 1; 
}; 

यह कठिन सादगी की खातिर 1-12 के साथ काम करने कोडित है। (दिनांक और वर्ष ड्रॉप डाउन स्वचालित रूप से ब्राउज़र की अंतर्निहित कार्यक्षमता के आधार पर काम करना चाहिए।)

इससे दिसंबर के लिए उपयोगकर्ता की क्षमता (उदा।) प्रकार "दिसंबर" को भी प्रभावित नहीं करना चाहिए।

Answer 3

आप आसानी से जावास्क्रिप्ट के साथ ऐसा कर सकते हैं। बस एक चयनित ड्रॉप-डाउन बॉक्स (ऑनफोकस) और कीप्रेस की जांच करें, यदि 1 दबाया गया है तो पहले तत्व, 2 - सेकंड और इसी तरह का चयन करें। कुछ देरी जोड़ने की आवश्यकता हो सकती है और कई अंकों की संख्या के मामले में दूसरी कीप्रेस की प्रतीक्षा करनी पड़ सकती है।

वैकल्पिक रूप से आप कुछ मानक नहीं की कोशिश कर सकते हैं:

<label for="state">State:</label> 
<select id="state" name="state"> 
    <option accesskey="1">.1.</option> 
    <option accesskey="2">.2.</option> 
    <option accesskey="3">.3.</option> 
    <option accesskey="4">.4.</option> 
</select> 

दबाने के लिए Alt + संख्या आप ड्रॉप-डाउन में तत्वों का चयन करने में सक्षम हो जाएगा द्वारा। अपने ध्यान केंद्रित ड्रॉप-डाउन बॉक्स में गतिशील रूप से (जावास्क्रिप्ट) विकल्पों में accesskey विशेषता जोड़ें।