<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中做不到。
发布于 2013-07-05 13:21:42
在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>发布于 2013-07-05 13:24:05
您正在将服务器端和客户端混合在一起。对于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终端。
https://stackoverflow.com/questions/17481535
复制相似问题