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

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