获取从表单发布的数据

Question

我在表单中有一个简单的下拉框。单击搜索按钮时，将发布框中选定的值。我需要获取已发布的值，返回并将其放入变量中，以便我可以将该字段添加到DTO，然后根据字段的内容运行数据库搜索。我想使用jquery发布并获取数据，但不确定如何做到这一点，所以我只是使用plaing javascript的帖子。

使用Javascript：

<form name="values" method="POST" action="MainPage.jsp">
  <tr>
    <td>
      <select name="searchDropDown" id="searchDropDown">
        <option value="Volleyball">Volleyball</option>
        <option value="Basketball">Basketball</option>
        <option value="Hockey">Hockey</option>
        <option value="Soccer">Soccer</option>
      </select> 
      <input type="submit" value="Search Video">
    </td>
  </tr>
</form>

Jquery的：

<script>
$(document).ready(function() {
    SportsDTO dto = new SportsDTO();
    SportsDAO dao = new SportsDAO();
    var searchValue = $('#searchDropDown').val();
    dto.setSport(searchValue);
    dao.findBySport(dto.getSport);
});
</script>

我知道DAO和DTO有效，因为我编写了一个传递

的junit测试

只需要获取值，这样我就可以运行数据库搜索并将值返回到表中。