메뉴 건너뛰기

?

단축키

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 옵션을 추가한다.


  1. No Image 08Jan
    by
    2019/01/08 Views 5332 

    HTML 화면을 PDF로 출력

  2. No Image 07Nov
    by
    2018/11/07 Views 1534 

    == / === / != / !== 차이

  3. No Image 07Nov
    by
    2018/11/07 Views 1513 

    오늘 날짜 구하기

  4. No Image 27Oct
    by
    2018/10/27 Views 1824 

    jQuery 엘리먼트 선택

  5. No Image 27Oct
    by
    2018/10/27 Views 2006 

    자바스크립트 urlencode(), urldecode(), rawurlencode(), rawurldecode()

  6. No Image 27Oct
    by
    2018/10/27 Views 4024 

    자바스크립트 배열 중복값 다루기

  7. No Image 28Sep
    by
    2018/09/28 Views 3356 

    JavaScript 출생년도에 따른 나이 계산 자바스크립트

  8. No Image 28Sep
    by
    2018/09/28 Views 1642 

    엔터키 / enter key submit form

  9. No Image 28Sep
    by
    2018/09/28 Views 1803 

    팝업창 차단 "허용 메시지"

  10. No Image 29Aug
    by
    2018/08/29 Views 2887 

    테이블에서 해당 열의 인덱스 값 얻는 방법

  11. No Image 29Aug
    by
    2018/08/29 Views 1716 

    key pressing 누르거나 클릭중인 이벤트 예제

  12. No Image 24Jul
    by
    2018/07/24 Views 2393 

    유용한 스크립트 모음

  13. No Image 24Jul
    by
    2018/07/24 Views 1688 

    cross site scripting을 막기위한...javascript

  14. 다음 우편번호(주소) api 예시

  15. No Image 04Jul
    by
    2018/07/04 Views 4108 

    스마트에디터(SmartEditor)에서 textarea 유효성 체크하기

  16. No Image 04Jul
    by
    2018/07/04 Views 1976 

    반복문 사용할때 태그 식별하기 data-item

  17. No Image 04Jul
    by 조쉬
    2018/07/04 Views 4091 

    SelectBox에서 선택된 항목의 텍스트, 값 가져오기 선택 옵션 넣기.

  18. 체크박스(CheckBox) 전체 선택, 전체 해제 checked

  19. 스마트 에디터 (네이버 에디터) 에디터 내에서 이미지 크기 줄이기.(리사이징)

  20. Javascript selectbox selected 컨트롤

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved