[JSP] selectbox option disabled

두개의 selectbox가 연동되는 소스

하나의 selectbox항목을 선택 할 경우 다른 selectbox항목을 동작 (활성화/비활성화)

---

 

script

---

function selCntl() {
	var result = document.getElementById("menu_level").value;

	if(result=='1'){
		document.getElementById("top_menu_id").disabled = true;
	}else{
		document.getElementById("top_menu_id").disabled = false;
	}
}

 

html

---

<td style="width:120px;">
	<select name="menu_level" id="menu_level" onchange="disable()">
		<option value="1" <%="1".equals(request.getParameter("menu_level")) ? "selected" : "" %> >상단메뉴</option>
		<option value="2" <%="2".equals(request.getParameter("menu_level")) ? "selected" : "" %> >하단메뉴</option>
	</select>
</td>

<td style="width:96px;"><img src="../../img/sub_s_bl.gif" width="17" height="19" border="0" alt="" align="absmiddle">상단 메뉴명</td>
	<td style="width:240px;">
		<select name="top_menu_id" id="top_menu_id" disabled="true">
			<option value="">선택</option>
			<c:forEach var="ele" items="${MenuList}" varStatus="cnt" begin="0" step="1">
			<option value="${ele.MENU_ID}">${ele.MENU_NAME}</option>
			</c:forEach>
		</select>
	</td>
</td>