페이지가 로드될때 넘어 오는 매개변수로 select박스의 selected를 설정하고 싶었습니다.


eq(인덱스) 와 attr()속성을 이용하니 쉽게 설정 할 수 있었어요!


아래 설렉터에 위치한 내용은, postType이란 id를 참조 하고 그 자식인 option을 더 참조 합니다.

eq(인덱스)를 이용하여 상세 설정 하고 싶은 부분을 입력 하면 됩니다.

그리고 attr 메소드를 이용하여 선택된 option에 'sealected' , 'selected'를 추가 해줍니다.


$("#postType option:eq(0)").attr('selected', 'selected');


이 내용을 html 코드로 하면 이렇습니다.





$(document).ready(function() {
       var test = "firstType"

	if(test =="firstType") {
		$("#postType option:eq(0)").attr('selected', 'selected');
	} else if(test =="secondType") {
		$("#postType option:eq(1)").attr('selected', 'selected');
	} else if(test =="thirdType") {
		$("#postType option:eq(2)").attr('selected', 'selected');
	}
});


+ Recent posts