欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery触发select的change失效问题的最终解决办法

程序员文章站 2022-03-30 20:13:39
...
    在此,首先感谢iteye中AngelAndAngel的帮助,一下就把问题给我解决了,刚遇到的时候在百度,google了几小时,出来的解决方法却没有一个可行的,我说说遇到的问题:
    一个下拉框在页面第二次加载的时候总是触发不了change事件,在网上网罗了一大堆的解决办法,有的说是IE的问题,但是我在ff下,google下都是相同的问题。
----------------------------------------------------------------------------
jsp页面
<%@ 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" %>
//----------(1)这里是解决办法,一开始我是没有加的
<% 
String path=request.getContextPath(); 
%> 
<!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>
//----------(2)一开始我也是没加<%=path%>/的
<script type="text/javascript" src="<%=path%>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript"><!--
$(document).ready(function(){
	$("#sel_emp").change(function(){
		var value = $(this).val();
		alert(value);
		window.location = "/aa/servlet/Test1Servlet?flag="+value;
	});
		
});

</script>
</head>
<body>
<select id="sel_emp">
	<option id="option_0"  value="">--请选择--</option>
	<option id="option_1" value="1">编号</option>
	<option id="option_2" 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>

路径这个问题,很容易就被忽略了jquery触发select的change失效问题的最终解决办法
            
    
    博客分类: jquery