Как перезагрузить страницу на основе выпадающего списка

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, которые представляют значение выбранного параметра.

См. Пример ниже. Обратите внимание на обмен (прикрепленный к выбору) и щелчок (прикрепленный к опции).

<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>