select动态创建option

xwpxcom

 //得到所有栏目的下拉列表
  $("#part").click(function(){
            var actions = "/rhcy/PartServlet?flag=part1";
            var param = "";
            $.ajax({

                url:actions,
                data:param,
                type:'POST',
                dataType:'json',
                success:function(data){

                    var part = document.getElementById("part");
                    var list4 = data;
                      while(part.children.length>1)
                         {
                          part.removeChild(part.children[part.children.length-1]);
                         }
                        
                        for(var i =0;i<list4.length;i++){

//前面的是文本，后面的是value，后面的方法可能出错
                            var option = new Option(list4[i].name,list4[i].id)
                            //建议用上面的创建方法，下面的方法会报错
                                // var opts = document.createElement("option");
                                  // opts.text = list4[i].name;
                                 //opts.value = list4[i].id;
                                 part.options.add(option);

                    }
                    
                }
                
                });
            });