상세 컨텐츠

본문 제목

[JQUERY] 셀렉트박스 특정 옵션 선택(selected) 지정하기

갭알/JS & JQUERY

by ranlan 2021. 11. 21. 22:46

본문

728x90

셀렉트 박스에 옵션 추가

// 주로 $.each 돌며 option 추가
$('#selectBoxId').append($('<option />', {
    value: optionNo,
    text: optionName
}));

순서(index)를 지정하여 selected 속성 추가

$("#selectBoxId option:eq({1})").attr("selected", "selected");
// 첫번째 옵션에 셀렉티드 속성 추가

text로 selected 속성 추가

$("#selectBoxId").val("{optionName}").attr("selected", "selected");
$("#selectBoxId").text("{optionName}").attr("selected", "selected");

value값으로 selected 속성 추가

$("#selectBoxId").val("{optionNo}");
$("#selectBoxId").val("{optionNo}").prop("selected", true);

 

 

728x90

관련글 더보기

댓글 영역