js代码
<script type="text/javascript">
$(document).ready(function(){
$("#org_span").toggle(function(){
$(this).children("img").attr("src","../image/pic/add.gif");
$("#orgdiv").addClass("hidden");
},function(){
$(this).children("img").attr("src","../image/pic/div.gif");
$("#orgdiv").removeClass("hidden");
});
$("#des_span").toggle(function(){
$(this).children("img").attr("src","../image/pic/add.gif");
$("#desdiv").addClass("hidden");
},function(){
$(this).children("img").attr("src","../image/pic/div.gif");
$("#desdiv").removeClass("hidden");
});
$("div tr").hover(function(){
$(this).addClass("hover");
},function(){
$(this).removeClass("hover");
});
$("#orgtab tr").click(function() {
$(this).children("td").each(function() {
$("#orgid").val($(this).text());
$("#orgdiv").addClass("hidden");
$("#org_span").children("img").attr("src","../image/pic/add.gif");
})
});
$("#destab tr").click(function() {
$(this).children("td").each(function() {
$("#desid").val($(this).text());
$("#desdiv").addClass("hidden");
$("#des_span").children("img").attr("src","../image/pic/add.gif");
})
});
});
</script>
HTML部分
<tr>
<th scope="row">
来文单位
</th>
<td align="left">
<input type="text" name="origin" id="orgid" class="txt"
value="${doc.origin}" />
<span id="org_span"><img src="../image/pic/add.gif" />
</span>
</td>
</tr>
<tr>
<td>
<div id="orgdiv" class="div hidden">
<table id="orgtab">
<s:iterator id="ls" value="#session.deplist" status="st">
<tr>
<td>
<s:property value="#ls.deptname" />
</td>
</tr>
</s:iterator>
<s:iterator id="ls" value="#request.sub_dept_list" status="st">
<tr>
<td>
<s:property value="#ls.sub_deptname" />
</td>
</tr>
</s:iterator>
</table>
</div>
</td>
</tr>
分享到:
相关推荐
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
可编辑的级联下拉列表框 漂亮的可编辑的下拉列表框 巧妙的方法实现了级联 jquery实现
jquery easy ui edatagrid 动态编辑表格 下拉框 联动 ,支持增加,编辑,删除行,日期狂,下拉框联动显示数据,测试ok
是一个jQuery的插件,可以实现一个彩色的下拉列表框,并可以实现可编辑,ie 火狐均支持,默认是蓝色界面,可以自己从新换界面
注册页面经常用到的用户选择自己出生年月日所需的下拉列表,源码可运行,可能会有浏览器差异问题。重新编辑所需积分了。
本文将详细介绍 ASP.NET 可编辑输入自动匹配的下拉框的实现方法,该控件可以自动匹配用户输入的内容,并提供相关的下拉选项。本文将从三个方面介绍该控件的实现方法:首先,介绍如何在 ASP.NET 项目中添加 Telerik ...
jquery editable select 实现可编辑的下拉列表,既可以输入,也可以选择。
一款美化表单下拉列表、复选框等的jquery combobox插件实例 30.站长必备jquery实现combox自动筛选,高亮显示功能 4)菜单 1.jquery+CSS超炫丽横向多级滑动导航菜单 2.jQuery+CSS漂亮蓝色三级菜单下载 3....
chosen_v1.2.0.zip chosen.jquery.js jQuery Chosen Plugin 是一个 jQuery 插件,用来将网页中的下拉框进行功能...可实现对下拉框的搜索,多个标签编辑等功能 下载地址:https://github.com/harvesthq/chosen/releases
propertygrid:修复在仅编辑了一行数据的时候调用'getChanges'方法无法获取正确结果的问题。 Improvement(改进) combo:添加'panelEvents'属性; combo:为组件增加默认的'mousedown'事件处理程序; combobox:可...
ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(十)--...
|特征一般的支持输入,文本区域和内容可编辑的字段没有外部依赖,如jquery或bootstrap 可以动态添加和删除输入。扳机可以使用任何字符或任何字符序列作为触发器。 如果未传递任何触发器,将使用空格作为触发器。 除...
6、数据权限(精细化数据权限控制,控制到行级,列表级,表单字段级,实现不同人看不同数据,不同人对同一个页面操作不同字段 7、提高开发效率及质量。常用类封装,日志、缓存、验证、字典、文件、邮件、,Excel。...
使用移动设备中按钮组的下拉列表 – 使用按钮下拉列表而不是按钮组,以便在移动模式下为数据保存更多空间 更多 jQuery更新(jQuery Mobile已删除) jQuery文件上传已更新 JsRender更新了 tinyMCE和CKEditor扩展(仅...
产品特点可配置的项目包括: 表格标题表格标题表单页面上的介绍文字具有默认设置的支持提供商列表(名称和电子邮件) 选择显示一个或多个提供者员工名单显示人员列表下拉列表或常规输入字段的选项(如果您不想维护...
允许从可搜索的下拉列表中选择 Font Awesome 图标。 所选 Font Awesome 图标的类将保存为属性值。 此属性编辑器对于允许用户为菜单中的导航项选择图标特别有用。 科技 此属性编辑器使用以下开源项目才能正常工作: -...
job集群:创建job、取消job、查询job、下拉搜索spring bean 数据源监控:druid 接口swagger文档 日志查询 邮件管理:发送邮件、搜索邮件 文件管理:上传文件、文件列表、文件删除 公告管理:公告未读提醒、...
3)修正控件段落格式及选择字体的下拉列表功能会使页面其它Select选择框消失的BUG! 4)修正去掉下拉列表功能后,控件无法正常使用的BUG! 5)修正商业版采用Asp.Net Ajax支持方式编译后出现的一些BUG! 6)修正FIREFOX2.0下...