jquery触发select的change事件失效的问题解决-tutorial js-php.cn

Rumah

hujung hadapan web

tutorial js

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

Jun 27, 2017 am 09:48 AM

change jquery select peristiwa pencetus

jquery在页面第二次加载的时候触发不了下拉框的change事件,启动tomcat，地址栏输入localhost:8080/aa/list.jsp时能够触发下拉框的change事件，但是从servlet过来后就不起作用了，怎么回事？

&lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot;
    pageEncoding=&quot;UTF-8&quot;%&gt;
&lt;%@ taglib uri=&quot;http://java.sun.com/jsp/jstl/core&quot; prefix=&quot;c&quot; %&gt;
&lt;%@ taglib uri=&quot;http://java.sun.com/jsp/jstl/fmt&quot; prefix=&quot;fmt&quot; %&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
&lt;title&gt;信息界面&lt;/title&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery-1.4.4.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
		
		$(&quot;#sel_emp&quot;).live(&#39;change&#39;,function(){
			var value = $(&#39;#sel_emp&#39;).val();
			alert(value);
			window.location = &quot;/aa/servlet/Test1Servlet&quot;;
		});
		
	});

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

Salin selepas log masuk

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

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

Salin selepas log masuk

问题补充：

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

引用

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

Salin selepas log masuk

是么？

是的

问题补充：

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

引用

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

Salin selepas log masuk

是么？

是的

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

Kenyataan Laman Web ini

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