首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何选择更改值应在JSP中显示

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

Stack Overflow用户
提问于 2013-07-05 13:17:23
回答 2查看 2.2K关注 0票数 0
代码语言:javascript
复制
<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中做不到。

EN

回答 2

Stack Overflow用户

发布于 2013-07-05 13:21:42

jquery中简单地尝试一下,

代码语言:javascript
复制
$(function(){
    $('select[name="car"]').on('change',function(){
       console.log($(this).val());
       $('input[name="usrname"]').val($(this).val());
    });
});

已更新完整代码

代码语言:javascript
复制
<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>
票数 0
EN

Stack Overflow用户

发布于 2013-07-05 13:24:05

您正在将服务器端和客户端混合在一起。对于console,如果您指的是Java终端控制台,那么您将无法使用JSP代码完成此操作。

您需要了解XHR/AJAX是如何工作的。

您在JQuery中的AJAX代码将类似于

代码语言:javascript
复制
$('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终端。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17481535

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档