채택완료

selectbox에서 선택시 시간 출력관련

selectbox의 선택 옵션이 1~5까지 있다고 가정하에

1의 이름은 가 지정된시간은 09:00 - 12:00

2의 이름은 가 지정된시간은 12:00 - 18:00

3의 이름은 가 지정된시간은 09:00 - 18:00

....등 이라고 할때 

1번 선택시 시간 선택란에 지정된 시간인 09:00-12:00이 자동으로 넘어오게 하고싶은데 방법이 있나요?

현재 시간 선택부분에는 timepicker 가 되어있습니다.

답변 1개

채택된 답변
+20 포인트
Copy
<select class='test_time'> //시간 선택 selectbox

<option value='09:00 - 12:00'>09:00 - 12:00</option>

<option value='12:00 - 18:00'>12:00 - 18:00</option>

<option value='09:00 - 18:00'>09:00 - 18:00</option>

</select>

 

<input type='text' class='select_time' value=''> //시간입력란

 

<script>

$(function() {

$(document).on('change','.test_time',function() {

$('.select_time').val($(this).val());

});

});

</script>

답변을 작성하려면 로그인이 필요합니다.