front/JS
[JQuery] select 태그의 option 비활성화 - disabled
배고파요
2022. 3. 30. 09:37
728x90
<html>
<select name="kind">
<option>선택</option>
<option value="apple" disabled>사과</option>
<option value="bear">곰</option>
<option value="cat">고양이</option>
<option value="dog">강아지</option>
<option value="egg">계란</option>
<option value="fish">물고기</option>
</select>
</html>
jquery 를 사용해서 disabled 를 넣을 수도 있다.
써보는 김에 querySelector 사용해서 넣어봤다.
<script language="javascript">
for(let i = 0; i < 3; i++){
$("select[name=kind] option:eq("+i+")").prop('disabled', true);
}
</script>
728x90