Javascript 从按键的下拉列表中选择值

Javascript 从按键的下拉列表中选择值,javascript,jquery,html,Javascript,Jquery,Html,我有一个选择框,如下所示。下面的代码只是我整个页面的一部分。在图像中看起来像 现在我希望这样,当用户从键盘输入8时,8被选中。如果用户在9中键入,则选择9等。如何执行此操作 js fiddle链接位于如果可能,它需要与IE 7跨浏览器兼容。 <div class="form-group col-sm-12"> <label for="custom3" class="col-sm-12 control-label myDate">Date marked on

我有一个选择框,如下所示。下面的代码只是我整个页面的一部分。在图像中看起来像

现在我希望这样,当用户从键盘输入8时,8被选中。如果用户在9中键入,则选择9等。如何执行此操作

js fiddle链接位于如果可能,它需要与IE 7跨浏览器兼容。

<div class="form-group col-sm-12">
        <label for="custom3" class="col-sm-12 control-label myDate">Date marked on your receipt (dd/mm/yyyy)*</label>
        <div class="col-sm-4">
                    <select class="form-control" name="custom3" id="custom3">

            <option value="">Day</option>
            <option value="08">08</option>
            <option value="09">09</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
          </select>        </div>
        <div class="col-sm-4">
          <select class="form-control" name="custom4" id="custom4">
            <option value="1">January</option>
          </select>
        </div>
        <div class="col-sm-4">
          <select class="form-control" name="custom5" id="custom5">
            <option value="2014">2014</option>
          </select>
        </div>
        <div class="errorDate col-sm-12"></div>
      </div></div>

收据上标注的日期(日/月/年)*
白天
08
09
10
11
12
13
14
15
16
十七,
18
19
20
21
22
23
24
25
26
27
28
一月
2014

单击8或9时,下拉列表没有改变的原因是,它前面有零。如果值中有8或9,则它将起作用

使用jQuery,您可以触发一个按键事件,并根据按下的键更改值

$('.form-control').on('keypress', function(e){
   var code = e.keyCode || e.which;

   // the keycode for the number 8 is 56
   if (code == 56){
       $(this).val('08')
   }

});

JS太复杂了

更改
0809

89

拨弄


对于15,用户在键盘上点击1+5。使用最新版本的Chrome、FF和IE9在Windows上执行此操作。

您不能使用89吗?这很好,解决了8和9的问题。。10-30怎么样?当你在寻找一把以上的钥匙时,它会变得更加困难。因为你必须先找1,再找0。上一个示例中的许多浏览器的1+0按键本机功能绝对有效。如果您想使用jQuery,那么必须记录keypresss.hmm,这样JavaScript解决方案就不能用于我的problem@Himu按8和9键不起作用,或者数字“1”后面跟着数字“5”15?数字“1”后面跟着数字“5”15不起作用。使用最新的firefox/chrome etcWindows。。事实上,如果我快速按下,它似乎工作,但有点故障。嗯,我会让它工作:)只是没有精力在周五看更多关于这个的东西