JS动态创建Select的option

前三种配合JQuery使用

方法一： 

 

[javascript] view plain copy

1. $("#commerce").html('<option value="OK">LaLA</option>');  

================

方法二：

[javascript] view plain copy

1. $("#commerce").append("<option value='OK'>LaLA</option>");  

================

方法三：

[javascript] view plain copy

1. var slt=$('<select>',{name:"commerce" });  
2.     $(slt)[0].options.add(new Option("请选择","0"));  
3.     $(slt)[0].options.add(new Option("China","CN"));  
4.     $(slt)[0].options[1].selected=true//这样就是选中第二个option  
5.     $("body").append(slt);  

 

===================

方法四：

[javascript] view plain copy

1. var text = "test";     
2.         var params_select = document.getElementById("district");  
3.           
4.         //创建标签  
5.         var opt = document.createElement("option");  
6.           
7.         //创建文本  
8.         var _text = document.createTextNode(text);  
9.           
10.         //把文本赋给标签  
11.         opt.appendChild(_text);  
12.           
13.         //属性赋值  
14.         opt.setAttribute("value","lala");  
15.           
16.         //添加  
17.         params_select.appendChild(opt);