javascript 动态加载 select,radio,checkbox

在页面加载时选中 select  radio  checkbox 中数据库中存放的值。

 

 

select  :

 

function initSelect(selectid){
   var selects = document.getElementById(selectid);  //获取页面看的select
   var dValue = "${dynamicValue}"; //用el表达式获取要选中的值。或者获取hidden中的值

                                                        // var dValue =document.getElementById("dynamicValue").value

                                                        //<input type="hidden" id="dynamicValue" value="${dynamicValue }">
   for(var i=0; i<selects.length; i++){
    if(selects.options[i].value == dValue){
     selects.options[i].selected = true;
     return;
    }
   }
  }

 

 

 

 

radio:

 

function initRadio(radio){
   var radios = document.getElementsByName(radio);
   var dValue = "${student.gender }";
   for(var i=0; i<radios.length; i++){
    if(radios[i].value == dValue){
     radios[i].checked = true;
     return;
    }
   }
  }

 

 

 

 

checkbox:

 

function initCheckBox(checkbox){
   var checkboxs = document.getElementsByName(checkbox);
   var dValue = "${hobbys}"; 
   var values = new Array();
   values = dValue.split(",");//字符串形式的数据，转化成数组
   for(var i=0; i<checkboxs.length; i++){
    for(var j=0; j<values.length; j++){
     if(checkboxs[i].value == values[j]){
      checkboxs[i].checked = true;
     }
    }
   }
  }

 

在onload中调用者三个函数