? ? 近期開發過程中遇到一個問題，頁面上有個select下拉框，選項列表的文本和value值是根據API返回結果動態生成的。比如，興趣班有“籃球”和“足球”，小明個人信息API只返回了興趣班名稱“籃球”，沒有返回興趣班ID，所以常規方法行不通了。

<select id="selector"><option value="basketball"> 籃球 </option><option value="football"> 足球 </option> </select> //根據value值設置選中 $("#selector").find("option[value='basketball']").prop("selected",true); //根據文本設置選中 $("#selector").find("option[text='籃球']").prop("selected",true); //獲取選中項的value值 $("#selector").children("option:selected").val(); //獲取選中項的文本 $("#selector").children("option:selected").text();

? ? 然后發現根據文本設置選中無論如何都不生效。

? ? 最終。。。

? ? 不生效是因為對于<select>標簽來說，并不存在這樣一個text屬性，如果需要按文本值進行匹配，需要先定義。正確的寫法如下：

<select id="selector"><option value="basketball" text="籃球"> 籃球 </option><option value="football" text="足球"> 足球 </option> </select>

總結

以上是生活随笔為你收集整理的select标签，根据标签的文本值设置选中状态不生效的解决的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。