javascript - 如何在选择框onclick中进行servlet调用

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>

Onclick 选项一可显示西班牙的国家/地区详细信息。与每个选项相同。那么如何使用 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
});