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