Question

我正在研究一项申请,我希望允许迅速输入数据。因此,我想按月值(7=7月)选定一个日期领域。我认为我只有两个选择。

Prepend the number to the Month (1 -- Jan, 2 -- Feb, ... etc) but this is Ugly
Use JS or jQuery to intercept key presses and select the appropriate month (doable, but messy)

是否有办法找到一个隐蔽的点子,以降低辍学率?

----------

我试图让用户更方便地通过键盘输入这个日期,而不是使用一个日历牌照(我有过)来打字......2010年1月1日表1。

Answer 1

以下是如何开展工作的实例:

$(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; 
};

为了简单起见,很难与11-12个国家合作。 (日期和年份的下降应自动根据功能建造的浏览器。)

这还影响到12月份用户(例如)类型“Dec”的能力。

Answer 2

有一个<条码>切入/代码>以超文本表示,允许使用<条码>[Alt]+ 特性/代码>加以具体规定。但我不知道这部作品是<代码><option>:

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

Answer 3

你可以很容易地用javascript做。仅检查一个选定的下游箱(目标箱)和主要压力,如果压力了1个,那么就选择了第一个要素,即第二个要素,等等。或许还需要增加一些拖延,并在数位数的情况下等待第二大压缩。

或者,你可以尝试一些并非标准的东西:

<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+Number,你将能够选择下降的因素。仅添加<条码>关键接入,将动态的备选办法(Java 字典)归于你重点的下游箱。

友情链接