动态显示隐藏<td>标签或二级菜单
来源:互联网 发布:telnet测试端口问题 编辑:程序博客网 时间:2024/06/07 03:55
首先通过click,onchange等事件进入到我们的方法
我们这里通过一个onchange事件来进入到前台的SelectAgency方法并获取到select标签的value值
<td>
<select id="is_agency " name="is_agency" onchange="SelectIsAgency(this.options[this.selectedIndex].value)">
<option value="0" ${mAgentRelation.isAgency=='0'?"selected='selected'":""}>直销商户</option>
<option value="1" ${mAgentRelation.isAgency=='1'?"selected='selected'":""}>代理商商户</option>
</select>
</td>
将需要动态隐藏或显示的标签id定义
<tr id =agencyMerchant>
<td class="tr" ><font color="red">*</font>所属代理商户名称:</td>
<td> <select id=agency name="agency" onchange="SelectAgency(this.options[this.selectedIndex].value)" >
<option value="${mAgentRelation.agency}">${mAgentRelation.agency}</option>
</select>
</td>
</tr>
然后在方法中通过对之前value的值或所需要条件的进行判断,然后动态显示和隐藏属性
function SelectIsAgency(m){
if(m == 0){
document.getElementById( "agencyMerchant").style.display= "none";
}else{
document.getElementById("agencyMerchant").style.display = "";
}
}
- 动态显示隐藏<td>标签或二级菜单
- html 二级菜单的显示和隐藏。+代码(亲测)
- csss----伪类,二级菜单显示与隐藏,html
- vue.js 左侧二级菜单显示隐藏切换 实例
- html二级菜单动画逐渐收缩或显示
- ListView动态显示或隐藏FooterView
- Ajax二级动态菜单
- 动态二级菜单
- 脚本控制td显示隐藏
- struts2中级联菜单标签<s:doubleselect>的若干常见问题(二级菜单不显示,FreeMarker问题)
- Selenium操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表
- Python+Selenium 操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表
- JS加jquery实现标签元素的显示或隐藏
- js-标签或控件的显示与隐藏
- javascript+xml实现二级下拉菜单,不会被任何标签或元素遮住
- jq与JS点击显示隐藏二级菜单的几种方法
- js实现简单的隐藏导航菜单动态显示
- 二级动态导航菜单特效
- Idea 15 激活
- 18则幽默段子,让你秒懂经济和金融!
- esx 主机cli命令行简单介绍
- 数据挖掘模型中的IV和WOE详解
- iOS 富文本~设置字体大小和颜色
- 动态显示隐藏<td>标签或二级菜单
- 全排列递归算法
- Keepalived简介
- Kafka配置参数详解
- Anagram(回文构词法),哈希映射
- C语言(29)阶乘尾数零的个数
- 【Unity】unity3d NavMeshAgent 导航显示路径
- git 项目资料
- js如何获取android手机的电话号码和联系人,并且传递给PHP、Java后台