hi._.
105
2019-06-24 14:01:29
2
102

select option에 disabled 속성을 넣어주고싶어요ㅠㅠ


수정모드일때는 선택이 안되도록 select option 속성에 disabled를 추가하고 싶으나 오류가 발생합니다.

문법상 틀린게 있을까요? ㅠㅠ 도와주시면 정말 감사하겠습니다.

<td>도서 유형</td>
<td>
	<select id="bookType" name="bookType" value="${bookType[0].id}">
	<c:forEach var="vo" items="${bookTypeList}" varStatus="status">
		<option id="id" value="${vo.id}" <c:if test="${vo.id == bookType[0].id}">selected</c:if>>${vo.id}</option>
	</c:forEach>
	</select>
</td>


<script>
$(document).ready(function(){
	if(Mode == "UPDATE"){
		$("#id").attr("selected", "selected");
		$("#id option").not(":selected").attr("disabled", "")
	});
</script>


0
0
  • 답변 2

  • aksjm2
    359
    2019-06-24 14:16:42

    1. option의 id가 구분이 되지 않습니다. 전부 다 id="id" 겠지요.

    2. Mode=="UPDATE" 일때, "#id" :: option 전체를 selected true 상태로 만듭니다.

    두번째 줄의 id option.not(selected) 에는 아무것도 잡히지 않겠지요.


    수정해보세요.

    1
  • hi._.
    105
    2019-06-25 09:12:19 작성 2019-06-25 09:13:25 수정됨

    감사합니다!

    대충 아래처럼 변경했더니 잘 나오네요!!


    신규  

    $("#id").find("option").attr("disabled", false);


    수정

    $("#id").attr("selected", "selected");
    $("#id option").not(":selected").attr("disabled", "");
    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.