如何使用jquery中的方法將下拉框選中文字內容

2019-12-11 16:25:03

在做專案的過程中，經常會遇到下拉框的值需要回填，正常情況下，回填時選中對應的值就行；但是，有時傳回來的值是下拉框的文字，需要根據文字內容選中對應選項。下面利用範例進行了測試，發現使用文字內容選中不起作用，操作如下：

第一步，在HBuilder編輯工具中，新建靜態頁面並引入jquery核心檔案，如下圖所示：

第二步，在<body></body>標籤元素內插入一個下拉框，新增五個子項，如下圖所示：

第三步，在jquery初始化函數內，定義一個數值變數num，利用下拉框選中值，設定選中，如下圖所示：

第四步，預覽結果顯示只預設選中第一項，說明沒有起到作用，這個是對子項進行賦值，如下圖所示：

第五步，直接對下拉框select進行賦值，然後在瀏覽器中檢視效果，如下圖所示：

第六步，接著使用下拉框中的某一文字內容作為回填值，結果發現不能被選中，如下圖所示：