动态显示隐藏<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 = "";
}
}


阅读全文
0 0
原创粉丝点击