텍스트 필드 값에 따라 드롭 다운이 바뀝니다

Question

저는 자바 스크립트에별로 좋지 않습니다. 가능하다면 알지도 못합니다. 임 드롭 다운을 얻으려고 노력

는 텍스트 필드

내가 함께 성인 및 어린이의 수를 추가하여 계산 다음 텍스트 필드가의 값에 따라 선택할 수있다. 내가하고 싶은 무엇

<input type="text" name="Total" id="Total" onfocus="this.blur()"/> 

은 전체의 값에 따라입니다 총 2 시간 등

을 보여 10 ~ 20 (10), 드롭 다운 쇼 1 시간이보다 작 경우 다음 드롭 다운 변경 .IE이

<select name="Duration"> 
<option value="1">1 Hr</option> 
<option value="2">2 Hrs</option> 
<option value="3">3 Hrs</option> 
<option value="4">4 Hrs</option> 
</select> 

Answer 1

나는이 (당신이 if 문에 다른 상황을 추가해야하므로, 전체 미만 10 곳 난 단지의 경우를 포함하고) 당신이 갈 필요가있는 기본 방향이라고 생각 :

<input type="text" name="Total" id="Total" onfocus="this.blur()" onblur="if(this.value < 10) { document.getElementById('totalDropDown').value = 1; }"/> 

<select name="Duration" id="totalDropDown"> 
    <option value="1">1 Hr</option> 
    <option value="2">2 Hrs</option> 
    <option value="3">3 Hrs</option> 
    <option value="4">4 Hrs</option> 
</select> 

Answer 2

이 바이올린 볼 수 있습니다 : http://jsfiddle.net/knnw8/1/이

내가

<input type="text" name="Total" id="Total" onChange="fillCombobox(this)"/> 

시작하고 당신이 또한 당연히 사용할 수 있습니다 (바이올린 에서 볼 수있는 다음 콤보 상자에서 원하는 옵션을 할당합니다 및 onblur 대신

)의 onChange의 편집 : 나는

Answer 3

내가이 당신이

을 필요로하는 무슨 생각이 시도 여러분의 필요에 좀 더 바이올린 업데이트되었습니다

<script type="text/javascript"> 

    function chkVal(ele){ 
     var val = ele.value; 
     console.log(val); 
     if(val < 10){ 
      $('#totalDropDown').val(1) 
     } 
     else if(val <= 20){ 
      $('#totalDropDown').val(2) 
     } 
     else if(val <= 30){ 
      $('#totalDropDown').val(3) 
     } 
     else if(val > 30){ 
      $('#totalDropDown').val(4) 
     } 

    } 

</script> 

<input type="text" onkeyup="chkVal(this)"/> 

<select name="Duration" id="totalDropDown"> 
    <option value="1">1 Hr</option> 
    <option value="2">2 Hrs</option> 
    <option value="3">3 Hrs</option> 
    <option value="4">4 Hrs</option> 
</select>