如何使用jquery中的each函數方法設定下拉框選中

2019-12-11 16:40:05

在專案實現過程中，會遇到一些問題，有些問題可以很輕鬆的解決，但是有些需要更多的技術和技巧來實現。如果在一個下拉框中無法使用文字值選中選項，可以使用each函數方法實現，操作如下：

第一步，在建立好的Web專案的目錄下，新建靜態頁面並引入jquery核心JavaScript檔案，如下圖所示：

第二步，在<body></body>標籤元素插入一個div元素，並在div元素中插入select元素，如下圖所示：

第三步，在jquery初始化函數內，利用宣告的變數給下拉框文字值賦值選中，如下圖所示：

第四步，儲存程式碼並在瀏覽器檢視效果，結果發現下拉框無內容，如下圖所示：

第五步，說明第四步的方法有問題，接著使用option[text]方法，結果還是不行，如下圖所示：

第六步，最後使用each函數方法，將給出的文字值的選項選中，如下圖所示：