您的位置:首页 > 其它

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

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息