用js解决下拉菜单的问题

有时候在一个页面中有下拉菜单，提交按钮。假如下拉菜单选项中有2011,2012,2013，当你选了2012之后，点击提交按钮。下拉菜单选项会变为2011，并不是你想要的2012。

 

可以采取这样的解决方案:

 

下拉菜单代码：

String year = request.getParameter("year");

 

<form action="NewFile.jsp"id="form">
  <label>年份：</label>
  <selectname="year">
  <%
   int j =0;
   if(year ==null){
    j= 2012;
   }else{    
    j= Integer.valueOf(year);
   }
   for(int i =2011; i<=2015;i++){
  %>
   <optionvalue="<%=i%>"><%=i%></option>  
  <%  
   }
  %>
  </select>
  <inputtype="submit" value="Submit"id="input"></input>
</form>

 

JS代码:

function getSelectText(name){
 var options =document.getElementsByName(name)[0]; //取得select中option组
 for(var i = 0;i<options.length;i++){
  if(options[i].text=="<%=year%>"){
   options[i].selected= true;//选中选项
  }
 }
}
 var text = obj.options[index].text; // 选中文本
 var value = obj.options[index].value; // 选中值

解决的思路就是把year参数的值与选项选中的文本值进行比较，如果相等就选中该选项。