Select默認選擇后台參數

之前寫過一個這樣的方法，后來需求開發中，發現了方法的BUG，然后我又重新找了一種方法，今天來記錄一下。

先聲明前台

<select name="type" class="input w50" id="sesele">
     <option value="0">默認</option>
     <option value="1">全局推薦位</option>
     <option value="2">各個分類推薦位</option>
</select>

后台傳的值為  ｛$row.type｝

 

下面開始介紹方法：

之前寫的方法一：

    //刷新默認顯示
//    var abc = {$row['type']};
//    document.getElementById("sesele")[abc].selected=true;

這是之前寫的方法，默認顯示的原理是以“后台參數”作為select下options的序數。

之前只是碰巧options的值是0123456，不按順序則實效。

 

那么說下方法二：JS封裝方法調用即可，簡單粗暴

    function GetSelectValue(objSelect,objItemText) {  
        for(var i=0;i<objSelect.options.length;i++) {  
            if(objSelect.options[i].value == objItemText) {  
                objSelect.options[i].selected = true;  
               break;  
           }  
         }  
    }  
   var v2 = {$row['type']}; //這個是option中value的值
    
    GetSelectValue(document.getElementById("sesele"),v2);