Как получить данные из базы данных, когда выбрана опция в теге select в jsp

Question

Я хочу иметь возможность выбрать код программы из выпадающего списка в jsp и без отправки получить соответствующее описание программы из базы данных и отобразить его в текстовом поле на веб-странице. Если бы кто-нибудь мог дать мне знать, как это сделать или что мне нужно изучить, было бы здорово, спасибо.

<tr>
  <td><strong>Program Code</strong></td>
  <td>
    <select name="ProgramCode">
      <option value="-1" selected>[choose your program]</option>
      <option value="1">CPA</option>
      <option value="2">HSH</option>
      <option value="3">CP</option>
      <option value="4">RPN</option>
      <option value="5">CSTC</option>
      <option value="6">CFND</option>
    </select>
  </td>
</tr>
<tr>
  <td><strong>Program Description</strong></td>
  <td><input type="text" name="ProgramDescription" value="<%/*= programDescription */%>" size=20></td>
</tr>

Answer 1

Вам нужно использовать и менять обработчик событий. Установите идентификатор программы:

<select name="ProgramCode", ID="ProgramCode">

Тогда вам нужно выбрать из меню.

<input type="text" name="ProgramDescription" id="<%/*= programDescription */%>" size=20>

И интегрируйте следующий обработчик событий:

var select = document.getElementById('ProgramCode');
var input  = document.getElementById('<%/*= programDescription */%>');

select.onchange = function() {
    input.value = select.value;
}

Примечание: проверьте, добавил ли я рабочий идентификатор для вас (на основе вашего тега значения).