페이지 숨기기

3047 단어 jsp
div의visibility는 div의 표시와 숨기기를 제어할 수 있지만 숨기면 페이지가 공백으로 표시됩니다.
다음은 참조 세그먼트입니다.
  style="visibility: none;"
  document.getElementById("work").style.visibility="hidden";//감추다
  document.getElementById("ask").style.visibility="visible";//나타내다
디스플레이 속성을 설정하면div가 숨겨진 후에 차지하는 페이지 공간을 놓을 수 있습니다. 아래와 같습니다.
다음은 참조 세그먼트입니다.
  style="display: none;"
  document.getElementById("work").style.display="none";//감추다
  document.getElementById("ask").style.display="";//나타내다
코드 응용 프로그램: 응답 select 드롭다운 선택 상자에 숨겨진 페이지 보이기
 
<td class="td1" width="10%"><font color="red" face="  ">*</font>    :</td>
        <td width="10%"><select name="stageName" id="stageName" styleClass="input" style="width:100%" 
          onfocus="style.backgroundColor='#e0f4ff'" onblur="style.backgroundColor='#fff'" onchange="getList()">
        	<option value="0">--   --</option>
        	<c:forEach var="stageList" items="${stages}">
      		<option value="${stageList.dicId}">${stageList.dictValue}</option>
      		</c:forEach>
        </select></td>
<td   width="10%">
       <div id="work"  style="display: none;" >
       	   <select id="control_7" name="control_7[]" multiple="multiple" size="5">
					<option value="">--   --</option>
					<c:forEach var="users" items="${users}">
      				<option value="${users.userId}">${users.userName}</option>
      				</c:forEach>
		  </select>
       </div>
     
	   <div id="ask" style="display:;" >
	     <select id="control_6" name="control_6[]" multiple="multiple" size="5" >
					<option value="">--   --</option>
					<c:forEach var="asks" items="${asks}">
      				<option value="${asks.userId}">${asks.userName}</option>
      				</c:forEach>
				</select>
	   
	    </div>
		   
		</td>
function getList(){
		var selected = document.getElementById("stageName").value;
		if(selected = 271){
			  document.getElementById("ask").style.display="";//   
			  document.getElementById("work").style.display="none";//   
		}else{
			  document.getElementById("work").style.display="";//   
			  document.getElementById("ask").style.display="none";//   
		}

좋은 웹페이지 즐겨찾기