發送值Servlet的

Question

我有一個jsp在我所選擇的標籤，我想獲得 和選擇在JSP中我的servlet

<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; 
     } 
     } 
    }; 

} 

我所做的使用GET屬性這樣的，但它不是工作的顯示空

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

只要改變你的AJAX open()請求作爲

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

Answer 2

使用方法getParameterValues(String)。
這是因爲<select>標籤可以有多個選擇的值（例如，select multiple）

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

Answer 3

檢查這個帖子：

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

你好像是用select標籤沒有任何動作，如平變化

Answer 4

您可以從列表框中使用

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

在你的JS方法中，併發送這個值與servlet的鏈接。

Answer 5

得到選擇變量值

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; 
     } 
     } 
    }; 
}