jq 動态設定select選中的值

需求背景

頁面可以動态加載資料，且使用者可以根據相關的屬性對這些項目進行排序

使用者排序完成後，需要加載其他資料，此時，排序選項需要顯示為預設值

實作思路

在使用者請求加載其他資料的時候，就對這個選擇框進行重置處理

代碼實作

<div id="choice">
	<select>
		<option value='select_1'>預設</option>
		<option value='select_2'>按照名字排序</option>
		<option value='select_3'>按照時間排序</option>
		<option value='select_4'>按照年齡排序</option>
	</select>
</div>
           

# 找到id為choice 下的子節點 select  再找到select節點下的 option集合 eq(0)代表option集合中的第一個元素 prop("selected",true)：設定該元素的 selected元素 為true  即選中這個元素
$("#choice").children("select").children("option").eq(0).prop("selected",true)