位置: 编程技术 - 正文
jQuery+jsp下拉框联动获取本地数据的方法(附源码)(jsp下拉框跳转到相应页面)
发布时间：2024-02-27推荐整理分享jQuery+jsp下拉框联动获取本地数据的方法(附源码)(jsp下拉框跳转到相应页面)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jsp的下拉框,jsp的下拉框,jsp的下拉框,jsp下拉框触发事件,jsp下拉列表框,jsp下拉列表框,jsp下拉框跳转到相应页面,jsp下拉选项,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例讲述了jQuery+jsp下拉框联动获取本地数据的方法。分享给大家供大家参考，具体如下：
JQuery下拉框联动很好的体现了Ajax的按需取数据的要求，减小数据的交互量。(点击此处下载源代码)
下面的实例使用Json将服务器端的类或者对象转换为JSON格式，主要运用了6个jar包
commons-beanutils-1.7.0.jarcommons-collections-3.2.jarcommons-lang-2.3.jarcommons-logging-1.0.4.jarezmorph-1.0.3.jarjson-lib-2.1.jar
下面贴上实验图，并详细讲解一下主要代码
显示页面index.jsp
修饰文件chainselect.css
在这里，要注意属性 display: none; 与 visibility: hidden;的区别
display: none;
使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
visibility: hidden;
使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。
JQUERY处理文件chainselect.js
问题？？？：$("<option value=''>请选择汽车类型</option>").appendTo(cartypeSelect);这里出现中文乱码怎么解决？？？
服务器端CarJsonServlet
配置文件web.xml
本节学到的JQuery及其他开发知识：
1.img标签的alt属性要写上，在图片尚未装载进来或图片不存在时，这个属性的文字信息会显示出来2.select表示下拉框，下拉框的每一项都是一个option，option开始结尾标签中的内容会显示在页面上，value属性的值则是用于在JQuery中用val方法获取并发送给服务器的。定义了selected的属性值为selected时，表示当前option被选中3.div元素居中显示的方法：给div设定宽度，然后margin-left和margin-right的值都为auto。简写方法是margin: 0 auto;4.html的p标签表示一个段落的内容，其中的内容会独占一行或多行，后面的内容会另起一行显示5.为了让p中文字和图片居中，可以使用text-align属性，属性值为center。p标签默认有margin-top和margin-bottom的值，需要的话可以通过css清除6.visibility的属性值为hidden时，元素隐藏，但是和display为none不同的是，在页面中仍然占据一定空间，只是不显示7.多个选择器如果有相同的属性值，可以放在一起定义，选择器之间用逗号分割8.change方法对应标准Javascript中的onchange事件，可以处理下拉框内容变化的事件9.parent方法可以获得一个节点的父节点.next方法可以获得一个节点的下一个兄弟节点，对应的previous方法可以获得一个节点的上一个兄弟节点.$.post方法可以和服务器端发起post的异步请求。第一个参数是请求的服务器端地址，第二个参数是发送给服务器端的数据，参数是Javascript的对象，采用名值对的方式表示，第三个参数是回调方法，第四个参数指示服务器端返回的数据类型，JQuery会根据这个参数帮我们进行转换。get方法只有第二个参数不同，其他几个参数用法相同.Javascript中的简单对象定义方式是{key1: value1, key2: value2}.JSON的数据格式其实就是Javascript中的一个对象或数据定义的文本格式内容，比如{key1: value1, key2: [1,2,3]}或[1,2,{key2:value2}].可以直接$(“<option></option>”)的方法来建立下拉框中的选项，然后用appendTo这样的方法加入到下拉框中.attr方法可以设置或获取某一个节点的属性值.ajaxStart在每一个JQuery发出的ajax请求开始前执行，ajaxStop在JQuery队列中所有的ajax请求结束后执行，ajaxComplete在每一个JQuery发出的ajax请求结束后执行.fadeOut和fadeIn可以实现淡出淡入的效果，参数内容和slideUp，slideDown方法类似。.animate方法可以实现任意的动画效果，可以控制某个css属性在某个时间内进行变化，从而达到动画的效果.opacity可以改变元素的透明度，IE中使用过滤器实现，表示完全显示，0表示完全透明，非IE浏览器使用opacity属性，1表示完全显示，0表示透明。JQuery在animate方法中屏蔽了浏览器差异，直接使用opacity就可以达到淡入淡出的效果。.data方法可以用于缓存数据。缓存可以提高系统的运行效率，降低服务器端的负荷.可以使用Javascript中的Image对象来预装载图片，这样可以知道图片何时装载完成，以便给出一些图片装载的提示信息。.load方法可以对应Javascript中的onload事件，本例中用于捕捉图片加载完成的事件
希望本文所述对大家jQuery程序设计有所帮助。
JQuery移动页面开发之屏幕方向改变与滚屏的实现 方向改变事件(orientationchange)当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时，你的回调函数可以加入第二个参数，作用为描述
jQuery移动web开发中的页面初始化与加载事件 页面初始化事件(pagebeforecreate、pagecreate)JqueryMobile会自动基于page"内的增强的约定自动初始化一些插件。例如：给一个input输入框约定了type=range属性会自
jQuery+jsp实现省市县三级联动效果(附源码) 本文实例讲述了jQuery+jsp实现省市县三级联动效果的方法。分享给大家供大家参考，具体如下：在这里，用MySQL数据库存储了全国所有的省市县地区信息(
标签: jsp下拉框跳转到相应页面
本文链接地址:https://www.jiuchutong.com/biancheng/376197.html 转载请保留说明！
