[WEB] jQuery 또는 자바스크립트로 셀렉트(select box) 제어하기.

1.변수값(데이터값)으로 셀렉트박스 지정하기.

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

2.
페이지에서 셀렉트 선택 시 해당 동영상이 나오는걸 만들었다.
거기에 이전,다음 버튼을 추가하여 현재 동영상 기준으로 앞뒤로 왔다갔다 할수 있게 만들었는데 이게 잘 안됨.

셀렉트로 변경 시 잘 되는데 이전,다음 버튼 클릭시 제대로 동작을 안함.

이전 버튼 클릭하고 잘 뒤로 가다가 어느 순간 동작을 안 하고 (다음 버튼 역시)
이전 버튼 클릭 후 다음 버튼 클릭은 처음부터 안 되고(반대 역시)

해당 소스를 변경 후 잘 되었다.

변경 전
 $("#book_cd_list option:eq("+move_tr+")").attr("selected", "selected");

변경 후
 $("#book_cd_list option:eq("+move_tr+")").prop("selected", true);

역시 구글링으로 검색하면서 이것저것 변경을 하다 attr에서 prop로 했더니
잘 되어서 원인을 찾아봤더니 나의 짧은 지식으로는 느낌만 알겠다.

아래 링크에 나오는 말처럼
같지만 다르다.
HTML에 쓴 속성의 값을 취급하고 싶을경우는 .attr()을 이외의 JavaScript의것을 할경우는 .prop()을 사용
(JavaScript단에서 이리저리 변경이 되는거라서 .attr이 제대로 안된거 같음.)


참고한 링크
http://javascriptandjquerydev.blogspot.kr/2012/07/attr-prop.html

3) Form submit 할때 추가로 Select로 변경된 요소의 값 추가하기
document.getElementById("frmSearch").elements["stamp_id"].value = this.value;