2

選択ボックスからサーブレットを呼び出すには?

JSP ページに選択ボックスがあり、すべての選択でサーブレットを呼び出して、同じ JSP ページにコンテンツを表示する必要があります。

コード例:

<select>
  <option value="spain">spain</option>
  <option value="france">France</option>
  <option value="italy">Italy</option>
  <option value="germany">Germany</option>
</select>

スペインの国詳細を表示するには、オプション 1 をクリックします。すべてのオプションと同じです。では、javascript / jquery を使用するにはどうすればよいでしょうか。

4

2 に答える 2

0

このサンプルコードを見てください

<select name="sweets" multiple="multiple">
    <option>Chocolate</option>
    <option selected="selected">Candy</option>

    <option>Taffy</option>
    <option selected="selected">Caramel</option>
    <option>Fudge</option>
    <option>Cookie</option>

  </select>
  <div></div>
<script>
    $("select").change(function () {
          var str = "";
          $("select option:selected").each(function () {
                str += $(this).text() + " ";
              });
          $("div").text(str);
        })
        .change();
</script>

これがあなたが探しているものだと思います。ここでも参照できますhttp://api.jquery.com/change/

サーブレットも呼び出したいので、次のような JQuery ajax メソッドを使用して、コード内から ajax 呼び出しを行う必要があります。

$.ajax({
  url: url,//URL of the servlet controller as in which would invoke it
  data: data,//Data you want to attach to your URL
  success: success,//The anonymous function which will be called on success
  dataType: dataType//The anonymous function which will be called on failure
});
于 2012-07-06T10:36:49.977 に答える
0

あなたの質問を理解したら、あなたがしなければならないことは、

Javascript:

function getValue(val){
   document.getElementById('myDiv').innerHTML = val;
}

html:

<select onchange="getValue(this.value)">
  <option value="spain">spain</option>
  <option value="france">France</option>
  <option value="italy">Italy</option>
  <option value="germany">Germany</option>
</select>
<div id="myDiv"></div>
于 2012-07-05T18:15:40.030 に答える