Rumah > Artikel > hujung hadapan web > jquery触发select的change事件失效的问题解决

jquery触发select的change事件失效的问题解决

黄舟asal: 2017-06-27 09:48:205985semak imbas

jquery在页面第二次加载的时候触发不了下拉框的change事件,启动tomcat，地址栏输入localhost:8080/aa/list.jsp时能够触发下拉框的change事件，但是从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);

问题补充：

你是指，在从servlet 跳转至该页面后，点击下拉菜单，选择一个值的时候，不会触发这下面这个：

引用

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

是么？

是的

问题补充：

你是指，在从servlet 跳转至该页面后，点击下拉菜单，选择一个值的时候，不会触发这下面这个：

引用

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

是么？

是的

Atas ialah kandungan terperinci jquery触发select的change事件失效的问题解决. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jquery中input的change事件失效的解决办法Artikel seterusnya：jQuery：click事件的定义和用法详解

Artikel berkaitan

Lihat lagi