如何在选择框onclick中进行servlet调用答案

【问题标题】：How to make servlet call in select box onclick如何在选择框onclick中进行servlet调用
【发布时间】：2012-07-06 18:36:49
【问题描述】：

如何从选择框调用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 呢？

【问题讨论】：

标签： javascript oracle jsp servlets drop-down-menu

【解决方案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>

【讨论】：

【解决方案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
});

【讨论】：