如何使用标签

时间:2018-09-28 08:53:31

标签: javascript java html jsp

我有一个jsp页面(addStep1.jsp),其中我有很多输入字段和下拉列表,用于从用户那里获取值。

我要从ID为 svoAffectedSoftware 的下拉菜单之一中获取价值的所有下拉菜单。

<select id="svoAffectedSoftware" name="svoAffectedSoftware" class="form-control" >

现在,在同一页面上,我想包含其他我使用过以下代码的jsp文件(我使用两种方法来解决此问题,但在两种情况下,我都没有得到期望的输出。第一种方法中的问题是我没有收到任何错误,但我的页面连我的addStep1.jsp都没有出现,在第二种方法中它说:: $(String)方法未定义类型 __2F_ssappmgr_2F_webapps_2F_sam_2F_apps_2F_itapp_2F_ticket_2F_addStep1_2E_jsp。 )

方法1

<%@ include file="ticketResolutionChatBot.jsp?svoAffectedSoftware="svoAffectedSoftware %>

方法2

<jsp:include page="ticketResolutionChatBot.jsp" >
  <jsp:param name="svoAffectedSoftware" value="<%= $("#svoTicketState").val() %>"/>
</jsp:include> 

谁能告诉我如何以正确的方式传递参数以及如何实现此目标?

2 个答案:

答案 0 :(得分:0)

我建议您为此使用javascript。使用jQuery,很容易实现您的目标。

  1. 在您的jsp页面中包含jQuery库

示例在这里https://www.w3schools.com/jquery/jquery_get_started.asp

在这里:https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_lib_microsoft

别忘了在内部使用所有的jQuery代码

$(document).ready(function(){
  // your code for the page
});
  1. 从小提琴为您使用我的示例

    https://jsfiddle.net/u0frjksd/3/

此功能订阅您的选择值并根据选择加载内容页面:

$(".form-control").on('change', function() {
   var value = $(this).val();
   $('.content').load(value);
}); 

您可以提供自己的价值,而不是提供第一个价值,我的意思是您的href(以价值计算)到要包含的jsp页面。

您的jsp页面将被加载到div中。

答案 1 :(得分:0)

我在这里使用了change()和ajax函数。

$('#svoAffectedSoftware').change(function() { 
							
							 var form_data = {
								svoAffectedSoftware: $("#svoAffectedSoftware").val()
	                        };
								
							$.ajax({
			                    type: "GET",
			                    cache: false,
			                    url: "getNewPage.jsp",
			                    data: form_data,
			                    success: function(data){
			                    	$("#contentDiv").html(data);
			                    }
			                });
		            });

其中,网址:“ getNewPage.jsp”->重定向页面, var form_data = {svoAffectedSoftware:$(“#svoAffectedSoftware”)。val()}; ->为我通过参数询问的新页面取值, 成功:function(data){$(“#messageDiv”)。html(data);}->将结果页面的内容包含到指定div中的原始页面(addStep1.jsp)中。