0 
<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。

4

2 に答える 2

0

でこれを簡単に試してください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-05T05:21:42.387 に答える