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 v1 = {$row['name']};
    var v2 = {$row['type']};
    GetSelectValue(document.getElementById("sesele2"),v1); 
    GetSelectValue(document.getElementById("sesele"),v2); 

猜你喜欢

转载自www.cnblogs.com/chenliuxiao/p/10494688.html