키 누르기의 드롭 다운에서 값을 선택

Question

다음과 같이 선택 상자가 있습니다. 아래의 코드는 내 전체 페이지의 일부입니다. 이미지의 모양입니다.

이제 사용자가 키보드에서 8을 입력 할 때 8을 선택하면됩니다. 사용자가 9를 입력하면 9가 선택됩니다. 어떻게해야합니까?

js 바이올린 링크는 http://jsfiddle.net/gQ5zV/입니다. 가능한 경우 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> 

Answer 1

JS가 복잡합니다.

변경 <option value="08">08</option><option value="09">09</option>

15 바이올린 http://jsfiddle.net/Z5DDW/

<option value="08">8</option><option value="09">9</option>하려면, 사용자는 1 + 5 그들의 키보드에 안타. 최신 버전의 Chrome, FF 및 IE9를 사용하여 Windows에서이 작업을 수행합니다.

Answer 2

당신이 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') 
    } 

});