selectBox 드랍다운 시간리스트 만드는법

Web Development assistant·2021년 10월 27일
0

# html

목록 보기
2/13
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var strHours = '';
var time = '';
 
for(var i = 0 ; i < 24; i++){
    if(i == 9){
        time = '0'+i;
        strHours += '<option value="'+time+'" selected>'+time+'시</option>';
    }else if( i < 10){
        time = '0'+ i;
        strHours += '<option value="'+time+'">'+time+'시</option>';
    }else{
        time = i;
        strHours += '<option value="'+time+'">'+time+'시</option>';
    }
}
 
 $("#selStartHour").html(strHour);
 
// html
 <select id="selStartHour"></select>
cs

내 조건은 기본 09시로 세팅하여 보여줘야했다(i ==9){selected}
var strHours = 그려주기 위한 문자열 변수;
var time = 시간 값을 위한 변수;

시간이 10시 미만이면 앞에 '0'을 추가해서 01시~09시 이렇게 보이게 설정.

0개의 댓글