2026, 새로운 도약을 시작합니다.

셀렉트박스 선택시 경고창 스크립트를 어떻게 짜야할까요? 채택완료

2109093523_1723281300.5929.jpg

스크립트를 어떻게 만들어야 할지 몰라서 문의 드립니다.

셀렉트박스 두개가 있습니다.

하나는 시작시간 하나는 종료시간입니다.

제가 하고싶은것은

종료시간이 시작시간보다 같거나 앞에 있을경우에
(이루질수 없는 경우이겠지요)

"시간설정 오류입니다." 라는 메세지를 띄우고 싶습니다.

어떻게 해아할지 감이 안오네요

고수님들의 답변을 부탁드립니다.

답변 1개

채택된 답변
+20 포인트

다음 코드가 도움이 될지 모르겠습니다.

Copy






function validate_option(evt) {

    var idx = null;

    var val_a = $('#opt_start option:selected').attr('value')?.replace(':', '') || -1;

    var val_b = $('#opt_finish option:selected').attr('value')?.replace(':', '') || -1;

    val_a = Number(val_a);

    val_b = Number(val_b);

    

    if (val_a > -1 && val_b > -1 && val_a >= val_b) {

        alert('시간설정 오류입니다.');

        idx = $(evt.target).attr('idx-before') || 0;

        $(evt.target).children('option:eq(' + idx + ')').prop('selected', true);

        return;

    }

 

    idx = $(evt.target).children('option:selected').index();

    $(evt.target).attr('idx-before', idx);

}

 

$(function () {

    $('#opt_start').change(validate_option);

    $('#opt_finish').change(validate_option);

});



 



    시작시간

    10:00

    10:30

    11:00

    11:30

    12:00

    12:30

    13:00

    13:30

    14:00

    14:30

    15:00





    종료시간

    10:30

    11:00

    11:30

    12:00

    12:30

    13:00

    13:30

    14:00

    14:30

    15:00

    15:30



로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

놀라운 능력에 감사드립니다.
너무너무 잘돌아갑니다.~^^

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

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

로그인
🐛 버그신고