Question

如何从选择框进行servlet调用？

我的jsp页面中有一个选择框，每个选项都需要调用servlet并在同一个jsp页面中显示内容。

示例代码：

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

点击选项一，显示西班牙的国家详细信息。与每个选项相同。那么如何使用javascript / jquery？

Answer 1

如果我理解你的问题，你需要做什么，

使用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>

Answer 2

查看此示例代码

<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/

因为你也想调用你的servlet，所以你必须使用类似

之类的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
});

如何在选择框中点击进行servlet调用

2 个答案: