js动态生成select，并根据后台数据初始化

HTML 

<select id="cunUser"  class="form-control" onclick="getData()" onchange="alert(this.options[this.options.selectedIndex].value)">

</select>

JS

function getData(){
        $.ajax({
             type: "GET/POST",
             url: "url",
             data: {},
             dataType: "json",
             success: function(data){
               var html = '<option value="">请选择</option>'; 
               for(var i=0;i<data.length;i++){
                html +='<option value="'+data[i].id+'">'+data[i].name+'</option>';
               }
               $('#cunUser').append(html);

               $('#cunUser').val(id);
             
            }
         });

 }