Javascript 从按键的下拉列表中选择值
我有一个选择框,如下所示。下面的代码只是我整个页面的一部分。在图像中看起来像 现在我希望这样,当用户从键盘输入8时,8被选中。如果用户在9中键入,则选择9等。如何执行此操作 js fiddle链接位于如果可能,它需要与IE 7跨浏览器兼容。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
<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。。事实上,如果我快速按下,它似乎工作,但有点故障。嗯,我会让它工作:)只是没有精力在周五看更多关于这个的东西