根据服务器的返回值动态设置HTML中select中option的显示

JS代码：

<script type="text/javascript">
   window.onload= function(){
    var typeValue = document.getElementById("selectType").innerHTML;   
    document.getElementById("select_type").selectedIndex = typeValue;
   }     
  </script>

 

 

服务器的返回值放在一个隐藏域中：

 

<div id="selectType" style="display:none">
      <%=a.getHt()[1].get("TYPE").toString()%>
 </div>

 

HTML中select的写法：

<select name="TYPE" id="select_type">
      <option value="0">默认</option>
       <option value="1">市区</option>
        <option value="2">县区</option>
         <option value="3">市区营业部</option>
           <option value="4">县区营业部</option>
           <option value="5">A类厅</option>

         <option value="6">B类厅</option>
 </select>

 

应该注意select中的selectedIndex 属性是从option中的值是从0开始计算的.原理很简单，设置一个隐藏域，放入服务器返回的值（可用JSTL标签实现，页面不包含JAVA表达式），当window加载（onload）的时候，获取到这个隐藏域中的值typeValue ，然后获取到select元素，设置它的selectedIndex 值为typeValue 。值得注意的是selectedIndex 的值是从上到下从0开始递增的，设置的时候应该注意相应类型对应相应的排序位置。