2011-07-27 35 views
1

我有一個包含動態填充表的jsp頁面。填充表格的數據將由下拉框決定。我認爲這可以在JavaScript中完成,但不幸的是,我不熟悉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調用。提前致謝。

+0

您是否願意使用JavaScript框架?你在尋找只是表重新加載或整個頁面?基本上你會希望綁定一個處理程序到給定選擇框的「更改」事件,並再次點擊該頁面或使用ajax來更新表格。如果你使用像jQuery這樣的框架,ajax調用將比沒有更精簡。 – scrappedcola

+0

@scrappedcola看到我對javascript的瞭解少於ajax/jQuery,但我不會反對。該頁面沒有大量內容,因此重新加載整個頁面並僅重新加載表格不會有很大的不同。說實話,我不熟悉JavaScript框架。 – Dan

回答

2

您可以使用JavaScript來改變頁面的位置(JavaScript重定向)使用下面的代碼:

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

附上該代碼onchange事件的選擇框,它會重定向到一個頁面。您可能還需要將onclick事件附加到選擇框中的每個選項,因爲onchange事件僅在選擇框失去焦點時纔會觸發。您可以通過GET發送代表所選選項值的數據。

請看下面的例子。請注意onchange(附加到選擇)和onclick(附加到選項)。

​​