java - 如何根据下拉框重新加载页面

Question

我有一个包含动态填充表的 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 调用。提前致谢。

Answer 1

您可以使用 JavaScript 通过以下代码更改页面位置(JavaScript 重定向):

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

将该代码附加到选择框的 onchange 事件，它将重定向到一个页面。您可能还希望将 onclick 事件附加到选择框内的每个选项，因为 onchange 事件仅在选择框失去焦点时触发。您可以通过 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>