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