select태그 관련

[1] Select 태그의 값을 순서, Index로 찾기, SelectedIndex

let selectItem = document.getElementById("셀렉트요소");

let optItem = selectItem.options[selectItem.selectedIndex].value;

 

[2] $("셀렉트요소").val(info.branch_idx).prop("selected", true);

** 셀렉트 태그의 value 속성값이 info.branch_idx값일 경우, 속성 selected속성값을 true로 만듬.

 

대상(select태그).options는 지정한 select태그에 있는 option태그들에 대한 접근이다.

 

활용법 :

대상(select태그).options.length = option의 길이를 알 수 있다.

대상(select태그).options[ 대상(select태그).selectedIndex ] = 선택된 option태그의 index값을 구할 수 있다.

대상(select태그).options[n] = n번째 option태그를 가르킨다. (n = index)

대상(select태그).options.item(n) = n번째 option태그를 가르킨다. (n = index)

대상(select태그).options[n].text = n번째 option태그의 text를 가져온다.

대상(select태그).options.item(n).text = n번째 option태그의 text를 가져온다.

대상(select태그).options.namedItem("id") = option태그 안에 id값을 가져온다.

대상(select태그).options.namedItem("id").text = 지정한 id값의 text를 가져온다.

대상(select태그).options.remove(n) = 인덱스번호 1을 삭제 한다.