Javascript 如何在jsp中单击复选框时使用ajax填充选择框中的数据_Javascript_Jquery_Html_Ajax_Jsp

Javascript 如何在jsp中单击复选框时使用ajax填充选择框中的数据

javascript jquery html ajax jsp

Javascript 如何在jsp中单击复选框时使用ajax填充选择框中的数据,javascript,jquery,html,ajax,jsp,Javascript,Jquery,Html,Ajax,Jsp,我不熟悉ajax。在我的.jsp页面中，我有两个组件：一个选择框multiple=true（列表框）和一个复选框。我想要的是，当我选中复选框时，我的ajax应该从其他.jsp文件中获取数据 ajax功能： $(document).ready(function(){ $("#activeFlag").click(function(){ if(document.getElementById('activeFlag').checked){ var xml

我不熟悉

ajax

。在我的

.jsp

页面中，我有两个组件：一个

选择框multiple=true

（列表框）和一个

复选框。我想要的是，当我选中复选框时，我的ajax应该从其他.jsp
文件中获取数据
ajax功能：
$(document).ready(function(){
    $("#activeFlag").click(function(){
        if(document.getElementById('activeFlag').checked){
            var xmlhttp;    
            if (window.XMLHttpRequest)
              {// code for IE7+, Firefox, Chrome, Opera, Safari
              xmlhttp=new XMLHttpRequest();
              }
            else
              {// code for IE6, IE5
              xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
              }
            xmlhttp.onreadystatechange=function()
              {
              if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                document.getElementById("s1").innerHTML=xmlhttp.responseText;
                }
              }
            xmlhttp.open("GET","inactive.jsp",true);
            xmlhttp.send();




        }
        else{

        }
    });
});

此处s1
是选择框的id。activeFlag
是复选框的id
inactive.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
out.print("<option value='1'>Product Name 1 For Category 2</option>" +
                        "<option value='2'>Product Name 2 For Category 2</option>" +
                        "<option value='3'>Product Name 3 For Category 2</option>"
                    );
</body>
</html>


在此处插入标题
打印（“类别2的产品名称1”+
“类别2的产品名称2”+
“类别2的产品名称3”
);

但我无法获得所需的输出，即选择字段未填充。能给我一些指导吗