js 动态改变select option选项

 

Js代码  （测试有效）

//    select.options[i].innerHTML      //取显示文本

//     select.options[i].value               //取value值

1. var select = document.getElementById("selectYear");  

2. var nextYear = '2012';  

3. for(var i=0; i<select.options.length; i++){  

4.     if(select.options[i].innerHTML == nextYear){      

5.         select.options[i].selected = true;  

6.         break;  

7.     }  

8. }  

 

 

Js代码  

1. /** 

2.  * 设置select选中 

3.  * @param selectId select的id值 

4.  * @param checkValue 选中option的值 

5.  * @author lqy 

6.  * @since 2015-08-21 

7. */  

8. function setSelectChecked(selectId, checkValue){  

9.     var select = document.getElementById(selectId);  

10.     for(var i=0; i<select.options.length; i++){  

11.         if(select.options[i].innerHTML == checkValue){  

12.             select.options[i].selected = true;  

13.             break;  

14.         }  

15.     }  

16. };  

参考   

1.   http://pjzz6666.iteye.com/blog/1735317

2.   http://blog.csdn.net/ch5256865/article/details/48265313

 

版权声明：原创作品，如需转载，请注明出处。否则将追究法律责任

本文转自 曦羽  51CTO博客，原文链接:http://blog.51cto.com/exist/1959678