Question

<html>
<head>
  <title>Echoing HTML Request Parameters</title>
</head>
<body>
  <h3>Choose an author:</h3>
  <form method="get">
 <input type="text" name="usrname"><br>
<select name="car">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>

</select>

<input type="submit" value=Query>
</form>

  <%
  String k=request.getParameter("usrname");
  String s=k+request.getParameter("car");
  out.println(s);
   %>
</body>
</html>

这是我的代码。目前我能够在控制台上显示输入文本和选择值。现在我希望显示选择选项，它应该显示输入文本和控制台上的选择值请执行此操作或帮助我实现。我试图这样做但不能在JSP中完成。

Answer 1

只需在jquery，

中试试即可

$(function(){
    $('select[name="car"]').on('change',function(){
       console.log($(this).val());
       $('input[name="usrname"]').val($(this).val());
    });
});

更新完整代码

<html>
<head>
  <title>Echoing HTML Request Parameters</title>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
      $(function(){
         $('select[name="car"]').on('change',function(){
            $('input[name="usrname"]').val($(this).val());
         });
      });
  </script>      
</head>
<body>
  <h3>Choose an author:</h3>
  <form method="get">
 <input type="text" name="usrname"><br>
<select name="car">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>

</select>

<input type="submit" value=Query>
</form>

  <%
  String k=request.getParameter("usrname");
  String s=k+request.getParameter("car");
  out.println(s);
   %>
</body>
</html>

Answer 2

您正在将服务器端与客户端混合。通过console，如果您指的是Java终端控制台，那么您将无法使用JSP代码执行此操作。

您需要了解XHR / AJAX的工作原理。

你在JQuery中的AJAX代码就像是

$('select[name="car"]').on('change',function(){
  $.post('POST_URL', {value : $('select[name="car"]').val()}, function(data){
    // do something with response
  })
});

请注意，上面是一个示例，因此可能有拼写错误。在documentation

中阅读有关JQuery AJAX的更多信息

如果您的意思是浏览器控制台@ Rohan-kumar已经回答了您的问题。从代码片段看起来你的意思是Java终端。

如何在JSP中显示选择更改值

2 个答案: