jquery触发select的change事件失效的问题解决
- 黄舟原创
- 2017-06-27 09:48:206010浏览
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('change',function(){
var value = $('#sel_emp').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('change',function(){
# var value = $('#sel_emp').val();
# alert(value);
# window.location = "/aa/servlet/Test1Servlet";
# }是么？
是的
问题补充：
你是指，在从servlet 跳转至该页面后，点击下拉菜单，选择一个值的时候，不会触发这下面这个：
引用
# function(){
#
# $("#sel_emp").live('change',function(){
# var value = $('#sel_emp').val();
# alert(value);
# window.location = "/aa/servlet/Test1Servlet";
# }是么？
是的
以上是jquery触发select的change事件失效的问题解决的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn