나는 내가 옵션 드롭 다운 메뉴를 선택하면 자동으로 시간을 변경하려면

Question

$(function() { 
 
    var select = $('select').val; 
 
    if (select = 1) { 
 
    $("#selectedTime").val("11:00 AM"); 
 
    } 
 
}); 
 
else { 
 
    $("#selectedTime").val("8:00 PM"); 
 
} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="" id="" class="select"> 
 
    <option value="">Select</option> 
 
    <option value="1">lunch</option> 
 
    <option value="2">Dinner</option> 
 
</select> 
 
<input type="time" id="selectedTime">

Answer 1

여기에 몇 가지 :

이

첫째,의 change 이벤트 핸들러를 사용하면 다음 코드를 실행과 같은, 뭔가 시간 입력의 val()를 업데이트 할 수 있습니다 선택기를 선택하여 변경 사항을 트리거하십시오. 둘째, 값 설정을 위해 RFC3339 시간 형식을 사용해야합니다.

$(function() { 
 
    var select = $('select').val; 
 
    $("select.select").change(function() { 
 
    // Check input($(this).val()) for validity here 
 
    if ($(this).val() == 1) { 
 
     $("#selectedTime").val("11:00:00"); 
 
    } else { 
 
     $("#selectedTime").val("08:00:00"); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="" id="" class="select"> 
 
    <option value="">Select</option> 
 
    <option value="1">lunch</option> 
 
    <option value="2">Dinner</option> 
 
</select> 
 
<input type="time" id="selectedTime">

Answer 2

여기 꽤 몇 가지 문제가 있습니다

• 코드의 중간에 임의의 });을있다가 구문 오류가 발생했습니다.
• val은 (는) 재산이 아닙니다. 따라서 함수 여야합니다. .val()
• val()도 문자열을 반환하므로 '1'과 비교해야합니다. 1
• =이 값을 설정하는 데 사용되지 않습니다. == 또는 ===는 비교
• 시간은 당신이 AM 또는 PM이 안 설정하고, 형식 00:00하지 0:00에 있어야 값에 사용됩니다.

마지막으로 페이지가로드 될 때 코드가 한 번만 실행됩니다. 대신 change 이벤트 (예 : select)에 연결해야합니다.

$(function() { 
 
    $('.select').change(function() { 
 
    var select = $(this).val(); 
 
    if (select === '1') { 
 
     $("#selectedTime").val("11:00"); 
 
    } else { 
 
     $("#selectedTime").val("08:00"); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="" id="" class="select"> 
 
    <option value="">Select</option> 
 
    <option value="1">lunch</option> 
 
    <option value="2">Dinner</option> 
 
</select> 
 
<input type="time" id="selectedTime">

Answer 3

코드가 잘못 보이는 자바 스크립트 : 셋째, 당신은 당신의 코드 중 일부에서 잘못된 일부 구문 (잘못 배치 중괄호)했다. 당신은 많은 문서를 읽어야합니다.

$(function() { 
 
    jQuery('.select').change(function() { 
 
    var select = $('.select').val(); 
 
    console.log(select); 
 
    if (select == 1) { 
 
     $("#selectedTime").val("11:00"); 
 
    } else { 
 
     $("#selectedTime").val("08:00"); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="" id="" class="select"> 
 
    <option value="">Select</option> 
 
    <option value="1">lunch</option> 
 
    <option value="2">Dinner</option> 
 
</select> 
 
<input type="time" id="selectedTime">

jQuery를

24 시간 형식이다.