html标签使用时特别注意,用js操作struts2标签出现的有关问题
用js操作struts2标签出现的有关问题
用js操作struts2标签出现的有关问题
日期:2014-05-16 浏览次数:20232 次
用js操作struts2标签出现的问题
使用struts2标签会带来很多便利,但在用js控制(定位及获取属性值等)struts2标签时要特别注意,因为struts2标签在页面最终显示时,实际上还是转换为html标签来显示,js(包括jquery和prototype等js框架)也是对基本的html标签来定位及获取其属性值;若用js操作html标签的方式来直接操作struts标签,可能会遇到一些“很怪异”(从代码逻辑上找不到错误)的问题,让人很郁闷,如何解决这种问题?
最简单的方法是:用html标签代替struts2标签。但这样便无法享受struts2标签所带来的便利,而且会在页面中掺杂很多jsp代码()。我比较喜欢另一种方法:页面显示后,查看其经过浏览器解析后的源码(浏览器自带有查看页面源码的功能),其实就是strut2标签解析为对应的html标签,再用js操作就比较简单了,不用在此赘述。建议用fireFox浏览器调试web页面,可以用其fireBug功能调试js。
下面看一个例子:
Html代码为:
录入选项:
Js代码为:
var s=document.getElementById(“opt”).value;
或者jquery代码为:
var s=$(“#opt”).attr(“value”);
表面上看起来都没有错误,但实际上s却得不到值,为什么呢?
查看浏览器解析后的源码如下:
录入选项:人员理论教学
人员临床教学
教学管理文章
精品课程
精品教材
指导优秀论文
教育年度考核子集
由此可看出上述js代码是不可能获取值的。可改为:
var s=$(“:radio:checked”).attr(“value”);
另外,要特别注意上述标签中的属性value=“’theTeach’”设置默认选中项,要求value的值必须与list属性中的key值完全相同。
免责声明: 本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
html标签使用时特别注意,用js操作struts2标签出现的有关问题相关推荐
- js操作select标签
Select的动态添加.删除.移动.获取选中项的值.排序等等操作. function AddOption(obj,text,value,title){ var selTarget = document ...
- JS DOM获取标签/元素style样式
JS DOM获取标签/元素style样式 文章目录 JS DOM获取标签/元素style样式 .style getComputedStyle() .style 只能获取行内样式,不能获取style标签 ...
- java struts2标签库 常用标签
基本概述 对于一个MVC框架而言,重点是实现两部分:业务逻辑控制器部分和视图页面部分.Struts2作为一个优秀的MVC框架,也把重点放在了这两部分上.控制器主要由Action来提供支持,而视图则是由 ...
- Struts2标签库常用标签
Struts2标签库常用标签 基本概述 对于一个MVC框架而言,重点是实现两部分:业务逻辑控制器部分和视图页面部分.Struts2作为一个优秀的MVC框架,也把重点放在了这两部分上.控制器主要由Act ...
- struts2 标签单选框_Struts 2 UI标签–表单,复选框,单选,选择,提交
struts2 标签单选框 Struts2 UI tags are used to generate HTML form elements in result pages. Earlier we lo ...
- kinslideshow使用时图片和a标签不能换行,否则。无法实现无缝滚动。
kinslideshow使用时图片和a标签不能换行,否则.无法实现无缝滚动. <#list list_images?chunk(colSize) as list_chunk><#li ...
- struts的比较标签,在使用时,与测试时需要留心。
大于:<logic:greaterThan> 大于等于:<logic:greaterEqual> 小于:<lessThan> 小于等于:<lessEqual& ...
- 【VUE】数据绑定,js数组赋值,多处使用时,一处修改,另一处也会被改变
vue中数据绑定,js数组赋值,多处使用时,一处修改,另一处也会被改变 问题描述如下: this.A = [1,2,3]var B = this.A B.push(4)var C = this.A c ...
- js使用a标签实现文件下载功能
工作中遇到下载txt文本文件的下载需求,稍作整理,下载示例如下: <button onclick="log()">文件下载</button>// 日志函数 ...
最新文章
- 再谈javascript图片预加载经典技术
- 中文设置_lol手游台服怎么设置中文?lol手游台服中文的具体设置教程
- AngularJS 使用 Promise
- 5.3 GRU、LSTM 情感分类
- 微博黄V怎么认证:如何快速获得微博认证?
- 常用BUG管理工具系统
- 模型预测控制路径跟踪python语言实现
- vue实现坐标拾取器功能demo
- 进度猫带你来了解,一个优秀的管理者都有哪些准则
- python selenium爬虫 不打开网页 不打开浏览器
- 【Excel实战】--目录及链接
- Android studio中使用NumCpp最新开源库
- 记一次fastadmin图片上传大小受限制的修改
- 积木报表JimuReport跟ureport2对比
- 实现Comparable接口和Comparator接口,并重写compareTo方法和compare方法
- 字符串函数---atof()函数详解及实现(完整版)
- “笨办法”学Python3,Zed A. Shaw,习题20
- 超级详细的project2019专业版下载安装激活教程和激活码
- python 教程英语版_Python基础教程第3版 英文原版pdf
- (干货)如何在k8s部署应用
热门文章
- SAP中生产版本原因导致PIR无法带出下级需求案例分析
- 二叉树链式描述和二叉排序树实现(C++类模板)
- 24小时超长续航! 惠普战X锐龙版评测:真正的商务之友
- 甲骨文云上使用arm架构实例和对象存储搭建Harbor
- 3D游戏建模真的不缺人了!好好看看再入行吧
- word转图片 java_Java 利用LibreOffice将Office文档转换成 PDF,进而转图片,实现在线预览功能...
- 有没有比较好的3Dmax灯光教程
- 物联网网关如何对PLC设备进行数据采集?
- Python 实现密码爆破
- C++模板笔记十:类模板案例:通用数组类