JavaScript 请教大家一个动态创建下拉列表的问题？

我需要动态创建下拉列表，每次创建有一个清空下拉列表的过程。
用如下代码创建：

 function getopt(data,obj){
    var optcontent="";
    for(var i=0;i<data.length;i++){
        optcontent="<option value="+(i+1)+">"+data[i]+"</option>";
        $(obj).append(optcontent);
    }
}

会造成没有清空下拉列表，只是在原来的上面添加。但是我加上obj.options.length = 1;则选择下拉列表，其选择的文本值不会显示。我应该怎么改？

append改为html，append是新增

 $(obj).html(optcontent);

    function getopt(data, obj) {
        var optcontent = "";
        for (var i = 0; i < data.length; i++) {
            optcontent += "<option value=" + (i + 1) + ">" + data[i] + "</option>";
        }
        $(obj).append(optcontent);
    }

$(obj).empty()就可以清空下拉列表了

  function getopt(data,obj){
        $(obj).empty()
    for(var i=0;i<data.length;i++){
        var optcontent ="<option value="+(i+1)+">"+data[i]+"</option>";
        $(obj).append(optcontent);
    }
}