将值从 jsp 发送到 Servlet

Question

我有一个 jsp，其中我有选择标签，我想得到 以及从我的 Servlet 中的 jsp 中选择的值

<select id="listoffood" name="dropdown" onchange="foodname();">
<option value="bg">Burger</option>
<option value="pas">pasta</option>
<option value="pi">pizza</option>
</select>
<div id='content'></div>

这里是javascript代码

function foodname()
{

  var xmlHttpReq = false;
    var self = this;
    document.getElementById('content').innerHtml='';
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }

    self.xmlHttpReq.open('GET', "InformationServlet", true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.send(null);

    self.xmlHttpReq.onreadystatechange= function ()
    {
        //alert(document.getElementById('content'));
        if (self.xmlHttpReq.readyState==4)
        {
        if (self.xmlHttpReq.status == 200)
        {

        document.getElementById('content').innerHTML=self.xmlHttpReq.responseText;
        }
        }
    };

}

我所做的是使用这样的获取属性，但它无法正常显示为空

protected void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException 

    {
    // TODO Auto-generated method stub

    String coun = request.getParameter("dropdown");
    PrintWriter out=response.getWriter();
    System.out.println("here : "+coun);
}

提前致谢，我们非常感谢您提供任何代码。

Answer 1

使用方法getParameterValues(String).
这是因为<select>标签可以有多个选择值（例如select multiple）

String[] coun = request.getParameterValues("dropdown");

Answer 2

查看这篇文章：

How to use onClick() or onSelect() on option tag in a JSP page?

您似乎在使用 select 标记而没有任何操作，例如 onchange

Answer 3

您可以使用

从列表框中获取选定的项目文本

var e = document.getElementById("dropdown");
var selectedValue = e.options[selectBox.selectedIndex].value

在您的 JS 方法中并使用 servlet 的链接发送此值。

Answer 4

从选择标签中获取值

var e = document.getElementById("dropdown");
var selectedValue = e.options[selectBox.selectedIndex].value;

编辑js函数

self.xmlHttpReq.open('GET', "InformationServlet?dropdown="selectedValue , true);

最后你应该看起来像

function foodname()
{

    var e = document.getElementById("dropdown");
    var selectedValue = e.options[selectBox.selectedIndex].value;

  var xmlHttpReq = false;
    var self = this;
    document.getElementById('content').innerHtml='';
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }

    self.xmlHttpReq.open('GET', "InformationServlet?dropdown="selectedValue , true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.send(null);

    self.xmlHttpReq.onreadystatechange= function ()
    {
        //alert(document.getElementById('content'));
        if (self.xmlHttpReq.readyState==4)
        {
        if (self.xmlHttpReq.status == 200)
        {

        document.getElementById('content').innerHTML=self.xmlHttpReq.responseText;
        }
        }
    };
}

Answer 5

只需将您的 AJAX open() 请求更改为

var select = document.getElementById("listoffood");
self.xmlHttpReq.open('GET', "InformationServlet?dropdown=" + select.options[select.selectedIndex].value, true);