1. 程式人生 > >js-標籤或控制元件的顯示與隱藏

js-標籤或控制元件的顯示與隱藏

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隱藏