Javascript 当用户从下拉菜单中选择选项时，如何从数据库打印记录？动态程序

我试图在用户从下拉菜单中选择特定选项，然后在选择特定选项后编写代码。值打印在下拉菜单旁边。该值已存在于数据库中，只需根据下拉菜单检索即可。e、 g.-如果用户从选择选项中选择类型A选项，则根据类型A打印值，即需要从数据库打印表“TYPE_A”列值。我试图创建动态选择选项，当用户在其中选择特定类型时，值必须根据它打印出来。请参考注释部分的代码

JSP页面
登录参加
var u=window.location.href；
var ul=新URL（u）；
var c=ul.searchParams.get（“uid”）；
//控制台日志（c）；
警报（c）//检查c值
var请求；
函数sendInfo（str）//str将从下拉列表中选择值
{  
//在url中附加此值
var url=“process.jsp？val=“+str+”&emp_id=“+c；
if（window.XMLHttpRequest）
{  
请求=新的XMLHttpRequest（）；
}  
else if（window.ActiveXObject）
{  
请求=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}   
request.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
document.getElementById（“amit”）.innerHTML=this.responseText；
}
}; 
打开（“获取”，url，true）；
request.send（）；
} 
函数getInfo（）
{  
if（request.readyState==4）
{  
var val=request.responseText；
document.getElementById（'amit'）。innerHTML=val；
}  
}  
函数insertDropDopwns（）
{
var from_date=document.getElementById（“日期选择器”）.value；
var to_date=document.getElementById（“datepickerto”）.value；
var date1=新日期（从日期算起）；
var date2=新日期（截止日期）；
//var=新日期（）；
//var date2=新日期（）；
如果（从日期===null&到日期===null）
{
}
其他的
{
var总计=1000*60*60*24；
var date1_ms=date1.getTime（）；
//控制台日志（日期1_ms）；
var date2_ms=date2.getTime（）；
//date1=from_date.getTime（）；
//date2=to_date.getTime（）；
风险值差异（date2-date1-ms）/总计）+1；
//控制台日志（日期1_ms）；
//控制台日志（日期2_ms）；
控制台日志（“日期差异”+差异）；
//它应该从数据库中打印类型a的值。我创建了一个表（即数据库）在这三列中有类型a、类型b、类型c。因此，现在我想如果用户从选择选项框中选择特定选项，则必须根据选项值检索并在该选项框旁边打印。我有一个值，但它没有打印所选值，它只打印一个值。我希望所有值都在下一个选项框w中打印当用户从选项框中选择特定类型时。
对于（var i=0；i
打印
select
框时，可以传递参数
onChange=“sendInfo（this.value）；”
函数，如下所示：

$('<div>
<!--adding onchange and passing selected value to it-->
 <select class="selected-meal-type" onchange ="sendInfo(this.value);">
<option value="TYPE A">TYPE A</option>
<option value="TYPE B">TYPE B</option>
<option value="TYPE C">TYPE C</option>
 </select>&nbsp;&nbsp;<span id="amit" /></span>
 </div>
 <br>').appendTo('#container');

        function sendInfo(str)//str will have value selected from dropdown list   
                {  
                   //attaching this value in url
                    var url="process.jsp?val="+str;  
                   if(window.XMLHttpRequest)
                    {  

                        request=new XMLHttpRequest();  
                    }  
                    else if(window.ActiveXObject)
                    {  
                        request=new ActiveXObject("Microsoft.XMLHTTP");  
                    }  


                        request.onreadystatechange= function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("amit").innerHTML = this.responseText;
               }
            }; 
                        request.open("GET",url,true);  
                        request.send();  
                   } 

另外，不要忘记添加id为amit的
div
。现在，如果您选择
Type B
，
val
将有值
TypeB
，在
select
查询中使用该值，并将结果发送回
jsp
页面。
当您打印
select
框时，可以一次性传递参数
ange=“sendInfo（this.value）；”
函数如下：

$('<div>
<!--adding onchange and passing selected value to it-->
 <select class="selected-meal-type" onchange ="sendInfo(this.value);">
<option value="TYPE A">TYPE A</option>
<option value="TYPE B">TYPE B</option>
<option value="TYPE C">TYPE C</option>
 </select>&nbsp;&nbsp;<span id="amit" /></span>
 </div>
 <br>').appendTo('#container');

        function sendInfo(str)//str will have value selected from dropdown list   
                {  
                   //attaching this value in url
                    var url="process.jsp?val="+str;  
                   if(window.XMLHttpRequest)
                    {  

                        request=new XMLHttpRequest();  
                    }  
                    else if(window.ActiveXObject)
                    {  
                        request=new ActiveXObject("Microsoft.XMLHTTP");  
                    }  


                        request.onreadystatechange= function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("amit").innerHTML = this.responseText;
               }
            }; 
                        request.open("GET",url,true);  
                        request.send();  
                   } 

也别忘了用id添加
div
和
amit
。现在，如果你选择
Type B
，那么，
val
将有值
TypeB
，在你的
select
查询中使用它，并将结果发送回你的
jsp
页面。
我已经将你的代码从JS Fiddle压缩到你的帖子中的一个片段中。请尝试不要依赖场外的参考资料来证明你的问题，尤其是在评论中。相反，要包括证明（和复制）所需的一切你的问题在你的问题中。我在你的帖子中将你的代码从JS Fiddle压缩到了一个片段中。请尽量不要依赖非现场引用来证明你的问题，尤其是在评论中。相反，请包含所有需要证明（和复制）的内容您问题中的问题。评论不用于扩展讨论；此对话已完成。请确保这是请求表结构：-这是请求表中的所有记录：-有效。非常感谢Swati。您只是Stackoverflow的传奇人物。再次感谢您。我给您100星级评价：）Grt..接受这个答案：）完全满意地接受。哇，你真的做得很好，再次感谢Swati。如果我对你的工作造成任何干扰，也很抱歉。：）评论不用于扩展讨论；此对话已完成。确定这是请求表结构：-这是请求表中的所有记录：-成功了，谢谢你非常感谢斯瓦蒂。你只是Stackoverflow的传奇人物。再次感谢你。我给你100星级评价：）Grt..接受这个答案：）完全满意地接受