之前写过一个这样的方法,后来需求开发中,发现了方法的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);