select标签 selected 选中状态动态设置

来源:互联网 发布:天猫品类销售数据 编辑:程序博客网 时间:2024/05/25 19:55

select标签 selected 选中状态动态设置

    博客分类:
  • 前端开发
CC++C# 

方法1:

Html代码  收藏代码
  1. 证件类型:  
  2. <select id="zj">  
  3.     <option value="">  
  4.         所有  
  5.     </option>  
  6.     <option value="IDCARD"  
  7.         <c:if test="${requestScope.certidType=='IDCARD'}">selected="true"</c:if>>  
  8.         身份证  
  9.     </option>  
  10.     <option value="PASSPORT"  
  11.         <c:if test="${requestScope.certidType=='PASSPORT'}">selected="true"</c:if>>  
  12.         护照  
  13.     </option>  
  14. </select>  

 方法2:

Js代码  收藏代码
  1. window.onload=function(){  
  2.             var userType='${userType}';  
  3.             if(userType == '1') {  
  4.                 var code='${code}';  
  5.                 var QState='${QState}';  
  6.                 var selectCode=document.getElementById("code");  
  7.                 var selectQState=document.getElementById("QState");  
  8.                 if(selectCode.length>0){  
  9.                 for(var i=0;i<selectCode.options.length;i++){  
  10.                     if(selectCode.options[i].value==code){  
  11.                         selectCode.options[i].selected=true;  
  12.                         break;  
  13.                     }  
  14.                 }  
  15.                 }  
  16.                 if(selectQState.length>0){  
  17.                 for(var i=0;i<selectQState.options.length;i++){  
  18.                     if(selectQState.options[i].value==QState){  
  19.                         selectQState.options[i].selected=true;  
  20.                         break;  
  21.                     }  
  22.                 }  
  23.                 }  
  24.             } 

http://susenshine.iteye.com/blog/869120

0 0
原创粉丝点击