[JS] selectBox 동적 option / jQuery / append(html)

신청팝업에서, 용량을 추가해야하는데 

내 지금 용량에서 최대 신청가능한 용량까지 5단위로 용량추가가 되야한다.

그래서 selectBox 선택 옵션에서 5단위로 뿌려줘야하는데

만약, 내 용량이 30이고 최대용량이 60이면 

5 10 15 20 25 30 까지 보여줘야하고

내 용량이 20이고 최대용량이 60이면

5 10 15 20 25 30 35 40 이렇게 보여줘야하니까

값에 따라 선택 option이 달라져야 한다.

그래서 for문을 돌려서 option 아래로 뿌려ㅑ주면 될것 같은데

i 가 5부터 시작해서 ( 5단위니까) ,

i 가 [최대용량 - 내 용량] 보다 작거나 같고

i 는 5씩 증가 한다.

라는 for문을 만들었고

append 하기 위해서 for문 안에 option value를 누적 추가해주게 하였고

for문을 나와서 append를 해주도록 하였다.

selectBox 코드

<select id="vmMnDataSize" name="dataVolumn">
    <option id="selectDataSize" value="">선택</option>

option에 값을 추가해줄 것이기 때문에 

select 에 id 값을 준다.  그리고 jQuery에서는 그 아이디값에 option값에 append하게 id값을 주게된다.

jQuery 코드

for(var i=5; i<='<%=userDataMax%>'-'<%=diskSize%>'; i=i+5) {        
            var html;
            html += "<option value="+i+">"+i+"GB</option>"
        }
        $("#vmMnDataSize").append(html);

팝업창이 뜸과 동시에 선택상자에 값이 들어가있어야 하므로

$(document).ready 안에 코드를 입력한다.