메뉴 건너뛰기

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<select id="customSelect" onchange="SetSelectBox();">
    <option value="title">전체</option>
    <option value="board_title">제목</option>
    <option value="reg_id">작성자</option>
</select>


select box에서 항목을 선택할 경우 onChange로 스크립트에 SetSelectBox() 함수를 실행한다.


function SetSelectBox(){ var schField = $("#customSelect option:selected").text(); //전체, 제목, 작성자 }


다음과 같이 $("#customSelect option:selected").text()를 하면 "제목"이라는 텍스트를 가져온다.


function SetSelectBox(){ var schField = $("#customSelect option:selected").val(); // title, board_title, reg_id }


$("#customSelect option:selected").val()을 쓸 경우 "board_title"을 가져온다.




특정 값을 받고 그 부분을 선택하는 옵션을 넣고 싶은 경우 아래와 같이 한다.


if(schField == "제목"){
    $("#customSelect").val("board_title").prop("selected", true);
}


schField 값이 "제목"일 경우 board_title의 값을 가진 부분에 selected 옵션을 추가한다.


List of Articles
번호 제목 날짜 조회 수
187 HTML 화면을 PDF로 출력 file 2019.01.08 5332
186 == / === / != / !== 차이 2018.11.07 1534
185 오늘 날짜 구하기 2018.11.07 1513
184 jQuery 엘리먼트 선택 2018.10.27 1824
183 자바스크립트 urlencode(), urldecode(), rawurlencode(), rawurldecode() 2018.10.27 2007
182 자바스크립트 배열 중복값 다루기 2018.10.27 4024
181 JavaScript 출생년도에 따른 나이 계산 자바스크립트 2018.09.28 3357
180 엔터키 / enter key submit form 2018.09.28 1643
179 팝업창 차단 "허용 메시지" 2018.09.28 1803
178 테이블에서 해당 열의 인덱스 값 얻는 방법 2018.08.29 2887
177 key pressing 누르거나 클릭중인 이벤트 예제 2018.08.29 1717
176 유용한 스크립트 모음 2018.07.24 2393
175 cross site scripting을 막기위한...javascript 2018.07.24 1688
174 다음 우편번호(주소) api 예시 file 2018.07.04 5024
173 스마트에디터(SmartEditor)에서 textarea 유효성 체크하기 2018.07.04 4108
172 반복문 사용할때 태그 식별하기 data-item 2018.07.04 1976
» SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기. 2018.07.04 4091
170 체크박스(CheckBox) 전체 선택, 전체 해제 checked file 2018.07.04 3040
169 스마트 에디터 (네이버 에디터) 에디터 내에서 이미지 크기 줄이기.(리사이징) file 2018.07.04 2881
168 Javascript selectbox selected 컨트롤 file 2018.06.21 10183
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved