[jQuery] option selected 속성 변경

<th>
<select id="searchName" name="searchName">
    <option value=''>구분</option>
    <option value="userNM">성명</option>
    <option value="userID">아이디</option>
</select>
<input type="text" id="searchValue" name="searchValue">
<span class="spanBtn" id="SearchBtn">검 색</span>           
</th>

위와 같은 option 값을 변경하는 jQuery

// 지정된 index 값으로 select 하기

$('#searchName option:eq(2)').prop('selected', true); // option 3번째 선택

또는 value값을 직접 적어주는 방법도 가능하다.

$('#searchName option[value=userID]').prop('selected', 'selected').change();

$('#searchValue').val(ID); // searchValue 값을 ID로 자동 입력

// 초기화 처리

$('#searchName option:eq(0)').attr('selected','selected');
$('#searchValue').val('');

// 선택된 값 읽기

$("select[name=searchName]").val();

$("#searchName option:selected").val();

// 선택된 내용(text) 읽어오기

$("#searchName option:selected").text(); // 선택된 text 읽어오기

$("select[name=searchName]").text(); // 이건 원하는 결과가 나오지 않더라.

var ID=$(this).children('.gc').eq(6).text(); // 테이블에서 선택 행의 td 태그의 값을 가져오라

<td class="gc">행복</td>

// 선택된 위치 index

var index = $("#searchName option").index($("#searchName option:selected"));