javascript - 如何在 scriptlet 中实现 onclick 功能？

Question

当我按下/选择下拉列表中的某个值时，我想检查服务器端的内容。我怎样才能做到这一点 ？

我尝试如下：

code : for list
    <select id="stream" name="current_session" >
                <option value="Winter">Winter</option>
                <option value="Monsoon">Monsoon</option>
    </select>

code : for button
<form>
  <input type="button " name="btn" value ="button">

code : for sriplet
  if(request.getParameter("current_session")!=null) 
 {
      system.out.println("helo ur list test is okey ");
 }
  if(request.getParameter("btn")!=null) 
 {
      system.out.println("helo ur test for button is okey ");
 }

注意：当我使用按钮时，当我按下按钮时它工作正常，但是当我选择列表时它不起作用。

Answer 1

将 on-change 侦听器附加到可以触发 ajax 请求的 select 标记，然后您可以执行服务器端检查并返回可以在客户端处理的响应。

jQuery 变化

<select id="stream" name="current_session" >
                <option value="Winter">Winter</option>
                <option value="Monsoon">Monsoon</option>
    </select>

<script>
$( "#stream" ).change(function() {
  var selectedVal=$("#stream option:selected").val();
  $.ajax({
     url:"checkonserver.jsp?current_session="+selectedVal,
     success:function(msg){
             alert(msg);
     }
  });
});
</script>

checkonserver.jsp

<% if(request.getParameter("current_session").toString().equals("Winter")){%>
     It's COLD
<%}else{%>
     It's HOT
<%}%>