js-標籤或控制元件的顯示與隱藏
阿新 • • 發佈:2018-12-31
tr 控制元件的顯示與隱藏
每次改變新增一個onchang事件,觸發下面的tr列的顯示與隱藏
function choosemulti() {
var ismulti = $("#ismultisite").val();//獲取對應的select的值,還可以通過對應select來觸發tr的顯示與隱藏
if (ismulti == "1" && mt == "1") {
$("#multitr").show();//控制tr的顯示
} else {
$("#multitr").hide();//控制tr的影藏
}
}
<tr name="doctor_info" style="display: none;" id="multitr">
<td class="td-text">是否多地點職業:</td>
<td colspan="3"></td>
</tr>
select下拉框的改變事件
<select class="select-text" id="type" onchange="changestat($(this).val())">
<option value="" label="=請選擇="/>
<c:forEach items="${persontypeList} " var="m">
<option id="option" value="${m.value}"
<c:if test="${medicaltype == m.value}">selected="selected"
</c:if>>${m.name}</option>
</c:forEach>
</select>
隱藏tr的一種方式
function changestat(va) {
if(va==3 ){
$("tr[name='doctor_info']").hide();
}
choosemulti();
}
span的隱藏
$("span[name^=gmprange]").show();
$("span[name^=gmprange]input").removeAttr("disabled");
在標籤或控制元件的屬性裡設定style.display屬性,如:
<!-- span 預設不顯示-->
<span id="waitting" style="display:none"><center>操作進行中,請等待 ... ...</center></span>
<!-- from1 預設顯示-->
<form id="form1" style="display:" method="post">
XXX
</from
在JS方法裡就可以通過設定style.display來控制便籤或控制元件的隱藏與顯示了,如:
document.getElementById("waitting").style.display="";
//id為waitting的span 顯示
document.getElementById("form1").style.display="none";
//id為form1的form隱藏