로또 추첨 만들고 있는데 막히는 부분이 있어서 질문드립니다 !
일단 첫화면에 보여지는 index.html 에
<form name="form">
<select id="selectBox" name="selectBox" onchange="OnChange();">
<option>1</option>
<script>
for(i=2;i<861;i++){
document.write("<option>"+i+"</option>");
}
</script>
</select>
</form>
<script>bbb=$("#selectBox").val();</script>
<script id="ddd" defer="" type="text/javascript" document.write('src=""')></script>
<script type="text/javascript">
</script>
<p style="position:absolute;top:calc(50% + 100px);width:100%;">
<input type="text" id="inputnum" value="5" size="2">번 <span class="key" onclick="count()">시작</span>
</p>
<section id="winner" class="shadow">
<h2 id="lottok">loading...</h2>
<div class="output" id="output0"></div>
<div class="output" id="output1"></div>
<div class="output" id="output2"></div>
<div class="output" id="output3"></div>
<div class="output" id="output4"></div>
<div class="output" id="output5"></div>
<div class="output" style="box-shadow:none; color:#000;">+</div>
<div class="output" id="output6"></div>
</section>
<div id="stats"></div>
<ol id="lottotable"></ol>
이러한 소스가 있습니다. 처음 페이지에 접속하면 맨밑 section winner에 로또 1회 번호가 자동으로 보여지게 됩니다
이 섹션은 main.js에 있는 함수를 통하여 이루어지게 되는데 현재 제가 막히는 부분은
위에 selectbox를 통하여 1회~860회까지 박스를 만들어 둔 상태이고 만약 10회를 클릭하면 밑에 section winner에 로또 1회 번호가
로또 10회 번호로 바뀌게끔 하고 싶습니다. 그렇기에 <script>bbb=$("#selectBox").val();</script> 를 통하여 설렉트박스에서 선택한 벨류값을
끌어와서 기존 주소와 조합해서 src로 쓰게끔 만들어두었는데 문제는 이미 페이지가 한번 로딩된 상태라 밑의 당첨번호가 바뀌질 않습니다
그래서 생각한게 첫번째 방법은 onChange를 통하여 이벤트를 발생시키는 방법인데 도저히 감이 안잡히고
두번째 방법은 설렉트 박스 선택시 해당 선택값을 저장해두고 새로고침후 그 값을 넘겨주는건데 이것도 현재 막히고 있습니다
c++만 하다가 nodejs 하려니 너무 막히네요 ㅠㅠ 좋은 방법이 없을까요?