본문 바로가기
프론트엔드/HTML

JSTL 사용해서 넘어오는 데이터에 따라 태그 속성 비활성화 시키기<c:if>

by step 1 2022. 3. 23.
반응형
<c:if test="${empty dataList.SHIP_QUANTITY}"> <!-- 초기값 설정 -->
  <td><input name="SHIP_QUANTITY" value="0" type="number" 
	  <c:if test="${! isEmployee || dataList.STATUS != '주문'}">readonly </c:if>>
  </td>  
</c:if>

 

input 태그 안에 <c:if> 문을 중첩하여 사용하면 input 태그 안에 readonly 속성을 상황에 맞게 조절 할 수 있다.

 

이와 같이 select 태그도 설정 가능하다 select 태그는 readonly 속성이 없기 때문에 disabled 속성을 사용한다.

<select name="ship_method" style="width: 200px; height: 30px;" 
   <c:if test="${! isEmployee || dataList.STATUS != '주문'}"> disabled="disabled" </c:if>>
		<option value=""></option>									     
		<option value="직송" <c:if test= "${dataList.SHIP_METHOD == '직송' }">selected</c:if>>직송</option>
		<option value="안양" <c:if test= "${dataList.SHIP_METHOD == '안양' }">selected</c:if>>안양</option>
</select>
반응형