位置: 编程技术 - 正文

jQuery+jsp下拉框联动获取本地数据的方法(附源码)(jsp下拉框跳转到相应页面)

编辑:rootadmin

推荐整理分享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;的区别

jQuery+jsp下拉框联动获取本地数据的方法(附源码)(jsp下拉框跳转到相应页面)

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 转载请保留说明!

上一篇:jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介(jquery点击移动div)

下一篇:JQuery移动页面开发之屏幕方向改变与滚屏的实现(jquery移动节点的方法)

  • 申请退还增量留抵税额的条件包括
  • 增值税明细账用三栏式还是多栏式
  • 工程预付款的支付要求
  • 公司月报表怎么做
  • 电子税务局利润表本期金额
  • 收到红字进项发票需要认证么
  • 外商投资企业是中国企业吗
  • 医院减免医药费后还可以报保险吗
  • 对外捐赠衣物怎样入账
  • 境外服务收入免税范围
  • 企业会计准则应用案例
  • 公司投资私募股票有哪些
  • 自己盖厂房
  • 资产利润率和资本利润率监管标准
  • 不具备生产条件的生产经营单位
  • win7电脑怎么样
  • 电脑找不到Realtek
  • 所有者权益会计科目借贷方向
  • php的数组函数
  • PHP:oci_field_name()的用法_Oracle函数
  • PHP:pg_field_is_null()的用法_PostgreSQL函数
  • 坏账损失可以做销项税转出吗
  • the模板引擎
  • PHP:imagecreatefromgd2part()的用法_GD库图像处理函数
  • 城市基础设施配套费计入什么科目
  • 酒店损益类科目包括哪些
  • html该怎么学
  • 费尔南迪纳岛气候类型
  • 跨年费用计入未分配利润
  • 微信小程序在哪里找?
  • angular 初学者快速上手教程
  • 鲜花售卖系统
  • 每月计提的工资包含社保吗
  • 研发支出可以计提吗
  • 股权转让 收益
  • mysql 触发器
  • mongodb管道操作符
  • sqlserver2005没有实例
  • sql语句重复
  • 小规模附加税减免政策2023最新
  • 如果租房没有合同怎么办
  • 补贴收入属于其他收益吗
  • 电商平台经销商
  • 三个月 租房
  • 现金余额不对怎么处理
  • 加权平均净资产收益率
  • 出差补贴如何账务处理
  • 营改增对建筑业税负的影响
  • 新厂配电工程建设流程
  • 公司盈利的钱怎么拿出来
  • 管理费用明细科目设置和核算需要注意哪些问题
  • 企业相关成本费用有哪些
  • 固定资产小汽车折旧怎么计提
  • 跨年的管理费用可以直接冲吗
  • 预付账款要设明细科目吗
  • 离职员工未休完的年假如何支付
  • 营业收入大于资产怎么办
  • 原材料登记什么明细账
  • 通过T_sql语句向其中一次填入一条数据或一次填入多条数据的方式填充数据
  • mysql5.7分区表
  • windows10安装教程u盘安装
  • 解决ubuntu和win10关机重启界面不动
  • mac os10.11
  • winex.exe - winex是什么进程
  • win7关机太慢怎么办
  • win7系统安装谷歌浏览器
  • windows2008域
  • 64位的win10更新安装补丁KB3105213失败总是重复安装该怎么办?
  • windows错误1058
  • percona mongodb
  • Unity3D游戏开发pdf
  • unity平移场景视图怎样操作?
  • 简介英文
  • ie6-ie10的浏览器
  • js出错
  • vue css
  • js判断上传图片宽高大小
  • ListView.setOnItemClickListener不起作用的原因
  • 税收助力双创
  • 电子税局个税申报步骤
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设