>  기사  >  웹 프론트엔드  >  jquery가 선택의 변경 이벤트를 실패로 트리거하는 문제에 대한 솔루션

jquery가 선택의 변경 이벤트를 실패로 트리거하는 문제에 대한 솔루션

黄舟
黄舟원래의
2017-06-27 09:48:205982검색

jquery는 페이지가 두 번째로 로드될 때 드롭다운 상자의 변경 이벤트를 트리거할 수 없습니다. tomcat을 시작하고 주소 표시줄에 localhost:8080/aa/list.jsp를 입력하면 드롭의 변경 이벤트가 트리거될 수 있습니다. -다운박스를 실행했는데 servlet에서 ​​온 후 작동하지 않습니다. 무슨 일이 일어났나요?

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!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>信息界面</title>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		
		$("#sel_emp").live(&#39;change&#39;,function(){
			var value = $(&#39;#sel_emp&#39;).val();
			alert(value);
			window.location = "/aa/servlet/Test1Servlet";
		});
		
	});

</script>
</head>
<body>
<select id="sel_emp">
	<option value="1">编号</option>
	<option value="2">姓名</option>
</select>
	<table border="1">
		<tr>
			<th>编号</th>
			<th>姓名</th>
		</tr>
		<c:forEach items="${list }" var="element">
		<tr>
			<td>${element.uid }</td>
			<td>${element.username }</td>
		</tr>
		</c:forEach>
	</table>
</body>
</html>

------------servlet

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		
		Employee employee_01 = new Employee();
		employee_01.setUid("1");
		employee_01.setUsername("张三");
		
		Employee employee_02 = new Employee();
		employee_02.setUid("2");
		employee_02.setUsername("李四");
		
		List<Employee> list = new ArrayList<Employee>();
		list.add(employee_01);
		list.add(employee_02);
		
		request.setAttribute("list", list);
		
		request.getRequestDispatcher("/list.jsp").forward(request, response);		

보충 질문:

서블릿에서 이 페이지로 이동한 후 드롭다운 메뉴를 선택하고 값을 선택하면 다음이 실행되지 않습니다:

Quote

# function(){  
#           
#         $("#sel_emp").live(&#39;change&#39;,function(){  
#             var value = $(&#39;#sel_emp&#39;).val();  
#             alert(value);  
#             window.location = "/aa/servlet/Test1Servlet";  
#         }

, 그렇죠?


추가 질문:

서블릿에서 페이지로 이동한 후 드롭다운 메뉴를 클릭하고 값을 선택하면 다음이 실행되지 않는다는 의미입니다.

인용

# function(){  
#           
#         $("#sel_emp").live(&#39;change&#39;,function(){  
#             var value = $(&#39;#sel_emp&#39;).val();  
#             alert(value);  
#             window.location = "/aa/servlet/Test1Servlet";  
#         }

응?

위 내용은 jquery가 선택의 변경 이벤트를 실패로 트리거하는 문제에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.