xwpxcom 发表于 2013-1-29 11:59:34

select动态创建option

 //得到所有栏目的下拉列表
  $("#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);
                         }
                        
                        for(var i =0;i<list4.length;i++){

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

                    }
                    
                }
                
                });
            });
           
页: [1]
查看完整版本: select动态创建option