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);