페이지 숨기기
3047 단어 jsp
다음은 참조 세그먼트입니다.
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";//
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JSP| EL (Experession Language)텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.