드롭 다운 상자를 기반으로 페이지를 다시로드하는 방법

Question

동적으로 채워진 테이블이있는 JSP 페이지가 있습니다. 표를 채우는 데이터는 드롭 다운 상자에 의해 결정됩니다. 나는 이것이 자바 스크립트에서 행해질 수 있다고 생각하지만, 안타깝게도 나는 JS에 정통하지 않다.

 <p> Please select a number: 
    <select name="selectNumber" id="selectNumber"> 
     <option value="1" <%if (number.equals("1")) {%>selected<%}%>>1</option> 
     <option value="2" <%if (number.equals("2")) {%>selected<%}%>>2</option> 
     <option value="3" <%if (number.equals("3")) {%>selected<%}%>>3</option> 
     <option value="4" <%if (number.equals("4")) {%>selected<%}%>>4</option> 
     <option value="5" <%if (number.equals("5")) {%>selected<%}%>>5</option> 
     <option value="6" <%if (number.equals("6")) {%>selected<%}%>>6</option> 
    </select> 
    </p> 

그래서 나는이 같은 드롭 다운을 사용하여,이 같은 매개 변수 번호는 무엇입니까 : 내가 할 수있는 스크립트가 있으면 그래서

if (request.getParameter("selectNumber") !=null) {number = (String)request.getParameter("selectNumber")  ;} 

은 기본적으로 궁금 해서요 그래서 여기에 몇 가지 예제 코드입니다 드롭 다운 목록 중 하나가 선택되면 페이지를 다시로드하면 해당 테이블에 주어진 "숫자"를 채울 수 있습니까? 또한 AJAX/jQuery를 사용하여이 작업을 수행하는 것에 반대하지 않았습니다. 전에 AJAX 호출을 사용 해본 적이 없기 때문에 몇 가지 팁이 필요합니다. 미리 감사드립니다.

Answer 1

당신은 페이지의 위치를 ​​변경 자바 스크립트를 사용할 수있는 다음 코드를 사용하여 (자바 스크립트 리디렉션) :

window.location = 'http://server.com/page.asp'; 

이 선택 상자의 onchange를 이벤트에 해당 코드를 연결하고이 페이지로 리디렉션됩니다. 선택 상자가 포커스를 잃으면 onchange 이벤트 만 발생하므로 선택 상자 내의 각 옵션에 onclick 이벤트를 첨부 할 수도 있습니다. 선택한 옵션의 값을 나타내는 GET을 통해 데이터를 보낼 수 있습니다.

아래 예를 참조하십시오. Onchange (선택 항목에 첨부 됨) 및 onclick (옵션에 첨부 됨)을 유의하십시오.

<select name="selectNumber" id="selectNumber" onchange="window.location = 'http://server.com/page.asp?value=' + this.options[this.selectedIndex].value;"> 
    <option value="1" <%if (number.equals("1")) {% onclick="window.location = 'http://server.com/page.asp?value=' + this.value;">selected<%}%>>1</option> 
    ... 
</select>