게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
nodejs 로 간단한 페이지 구현중인데 질문좀 드려도 될까요 ㅠㅠ
게시물ID : programmer_22930짧은주소 복사하기
작성자 : 안양흔남
추천 : 0
조회수 : 1569회
댓글수 : 3개
등록시간 : 2019/06/01 22:00:23
옵션
  • 베스트금지
  • 본인삭제금지
로또 추첨 만들고 있는데 막히는 부분이 있어서 질문드립니다 !

일단 첫화면에 보여지는 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">
document.getElementById("ddd").src="http://lotto.kaisyu.com/api?method=get&gno="+bbb+";callback=loadlot";
</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 하려니 너무 막히네요 ㅠㅠ 좋은 방법이 없을까요?
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호