动态显示隐藏<td>标签或二级菜单
2017-10-30 09:54
363 查看
首先通过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 = "";
}
}
我们这里通过一个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 = "";
}
}
相关文章推荐
- struts2中级联菜单标签<s:doubleselect>的若干常见问题(二级菜单不显示,FreeMarker问题)
- 限制jsp页面<td>标签显示长度
- 分页列表td中包含有<标签导致页面显示错乱问题,使用jstl <c:out>标签秒解决
- 正则匹配抓取input 隐藏输入项和 <td>标签内的内容
- <span>和<div>标签的隐藏和显示切换
- <td></td>标签的border 样式在浏览器中显示不出来的解决方法
- Html中 <tr> 标签的隐藏与显示
- <th>和<td>标签都是用于表格单元格显示的。
- Android实战简易教程<五十一>(ListView实现子控件的动态显示和隐藏、checkbox全选和反选)
- 动态生成table下的<tr>标签不显示
- 通过JS动态改变table中<td>的内容
- <li></li>列表中显示文字强制不换行,大于li宽度自动隐藏文字
- HTML <td> 标签的 rowspan 属性
- struts2标签中<s:textfield>中label不显示
- Java中使用sql标签<sql:query />分页显示
- 标签的动态添加、隐藏和显示、事件
- 鼠标悬停在表格任意一个<td>上改变整行背景颜色并在第一个td显示象征性的某图片
- 关于用<fmt:message>标签读取springmvc配置的国际化资源文件显示为???key???的错误原因
- MyBatis动态SQL <trim></trim>标签的明白理解
- vue.js 左侧二级菜单显示隐藏切换 实例