`
java-lxm
  • 浏览: 37775 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

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

 
阅读更多
    在此,首先感谢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.selectbox.js select下拉菜单美化代码

    jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码

    jquery select2组件

    **jQuery Select2组件详解** `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件,它在原生HTML `&lt;select&gt;` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中,使得传统的单选...

    基于Jquery模拟Select,解决IE显示问题

    本文将深入探讨如何使用Jquery来模拟Select,以便更好地解决在IE中遇到的显示问题。 首先,让我们了解为什么要在IE中模拟Select。Internet Explorer,特别是早期版本,如IE6、7和8,存在一些与CSS兼容性和渲染问题...

    [转]Jquery操作select 收藏

    $('select').on('change', function() { console.log('Selected value changed to:', $(this).val()); }); ``` 5. **样式控制**:通过`.addClass()`, `.removeClass()`, 和 `.toggleClass()` 方法可以对select...

    jquery 超级select插件 v4.0版本

    考虑到实际项目中可能面临的浏览器兼容性问题,jQuery超级Select插件v4.0版本致力于兼容主流的现代浏览器,同时也尽可能对旧版浏览器提供支持。此外,它在性能上做了优化,如延迟初始化、虚拟DOM技术等,以确保在大...

    cool的JQuery自定义select

    "cool的JQuery自定义select"就是为了解决这个问题而出现的一个插件,它通过jQuery库对select元素进行了美化,提供了简洁且易于使用的界面,增强了用户体验。 jQuery是一款强大的JavaScript库,它简化了JavaScript的...

    jquery实现select互斥联动

    为每个`select`元素添加`change`事件监听器,当用户更改选项时触发相应函数。 3. 逻辑处理:在`change`事件的回调函数中,获取当前选中的值,并根据预设的联动规则更新其他`select`元素的选项。这可能涉及清除某些...

    JQuery插件select2

    它旨在解决原生HTML下选择器样式单一、功能受限的问题,提供更加友好、易用且可自定义的交互体验。 在网页设计中,传统的`&lt;select&gt;`元素通常样式简单,难以进行个性化定制。Select2通过其强大的功能和丰富的API,...

    jquery实现select带模糊搜索下拉选择框

    然而,原生的 `select` 元素并不支持模糊搜索功能,所以我们需要借助 `jQuery` 和 CSS 来增强其功能。 1. **引入资源**: 在项目中,你需要引入 `jQuery` 库以及自定义的 CSS 和 JavaScript 文件。假设我们有以下...

    jQuery手机下拉框select

    jQuery库提供了一种优雅的方式来解决这个问题,使得在手机上使用下拉框变得更加友好和可定制。`jQuery手机下拉框select` 主要关注于改善移动端的用户体验,通过JavaScript和CSS增强下拉框的外观和功能。 ### jQuery...

    jquery.selectlist.js插件实现的下拉框美化特效

    `jquery.selectlist.js`插件就是为了解决这个问题,它提供了一种优雅的方式来美化传统的HTML下拉选择框,使用户界面更加吸引人,提升整体的交互体验。 `jquery.selectlist.js`插件是基于JavaScript库jQuery构建的,...

    jquery select2

    为了解决这些问题,jQuery社区推出了一个强大的插件——jQuery Select2。Select2不仅提供了美观的界面,还增强了用户体验,特别是对于大型数据集的搜索功能,使得在下拉框中快速找到所需选项变得轻而易举。 一、...

    jquery模拟select

    /** * 模拟select * @param {box,tiggle} * @param box 父级别容器[模拟select最外围标签] * @param tiggle 展开事件 [*click | mouseover | 其他dom事件] ...* change(function(){}) 等同于select默认事件change */

    jQuery实现select样式美化 jQselect.js

    "jQuery实现select样式美化 jQselect.js" 就是这样一种解决方案,它利用jQuery库来对传统的`&lt;select&gt;`标签进行样式定制,以提供更加丰富的视觉效果。 jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件...

    jQuery And Select2 Demo.zip

    在本文中,我们将深入探讨jQuery库以及Select2插件的使用,如何利用它们来实现一个功能丰富的下拉框,特别是用于复选功能。这将帮助Web开发者创建更加用户友好的界面,提高用户体验。 jQuery是一个广泛使用的...

    JQuery触发radio或checkbox的change事件

    在JQuery中,当给radio或checkbox添加一个change事件时,如果它的值发生变化就会触发change事件;本文将详细介绍如何利用JQuery触发Checkbox的change事件需要了解的朋友可以参考下

    select2(jquery)插件下载

    **jQuery Select2插件详解** Select2是一款基于jQuery的增强型下拉选择框插件,它极大地改进了原生HTML `&lt;select&gt;` 元素的用户体验和功能。标题中的"select2(jquery)插件下载"指的是这个插件的获取途径,通常通过...

    jquery.selectlist.js

    《jQuery SelectList.js 插件详解:优化Select下拉框的利器》 在Web开发中,Select下拉框作为常见的表单元素,其交互体验往往受到限制,特别是在处理大量选项或需要高级交互效果时。为此,开发者们创造了许多插件来...

    jquery下拉菜单插件SelectMenu

    **jQuery下拉菜单插件SelectMenu详解** 在网页开发中,下拉菜单是常见的交互元素,用于提供多种选择项供用户进行操作。`SelectMenu.js` 是一款基于 jQuery 的高效下拉菜单插件,它提供了丰富的特性,使开发者能够...

Global site tag (gtag.js) - Google Analytics