Jquery循環select標簽，並給指定option添加select屬性后在頁面上不顯示的問題

 

 

<select id="testId">  
   <option value="">--請選擇--</option>  
   <option value="1" >蘋果</option>  
   <option value="2">香蕉</option>  
</select>  

 

$(function(){
    $("#testId option").each(function() {
    if($(this).val() == "香蕉") {
        $(this).attr("selected","selected");
    }else {
        $(this).removeAttr("selected")
        }
    })
})        

通過這個jQuery方法遍歷option並給香蕉所在的option加上select屬性時，頁面上選中的還是初始的“--請選擇--”，但是通過F12查看時，香蕉所在的option確實已經加上了select屬性，但就是不顯示。查了很多資料，有位博友說

在select 標簽中添加屬性autocomplete="off" ，但是這個屬性貌似是html5才有的。最后沒有辦法了，不用循環，直接給select賦值選中

$("#testId").val("香蕉")

如果哪位大神有更好的解決方案，請私聊我。