프리랜서 웹디자이너 웹퍼블리셔RELATION

[SCRIPT] 스크립트로 select option 변경/선택 (prop 사용)

2018.04.06
1. 이벤트 내 함수로 변경

$("#id").on("change", function(){

// value 값으로 선택

$(this).val("1").prop("selected", true);



// option 순서값으로 선택

$(this).find("option:eq(1)").prop("selected", true);

});







2. 스크립트에서 변경

// value 값으로 선택

$("#select_id").val("1").prop("selected", true);



// option 순서값으로 선택

$("#select_id option:eq(1)").prop("selected", true);







attr 도 사용가능 (단, 스크립트로 추가된 속성은 변경이 불가)




** 이런식으로도 사용 가능

-> $(this).prop('checked', true);

-> $(this).attr('disabled', true);

-> $(this).attr('disabled', true).prop('checked', true);



전체목록

이 포스트 공유하기

  • 페이스북에 공유하기
  • 트위터에 공유하기
  • 구글 플러스에 공유하기
  • 네이버 블로그 카페에 공유하기
  • 네이버 밴드에 공유하기
  • 카카오톡에 공유하기
LOGIN JOIN