Javascript 如何在默认情况下创建没有选项的选择

我想创建一个没有选项的选择默认情况下，我有下一个语言列表，当我选择一种语言，然后按下按钮“addLand”时，我使用jquery的.append将1种语言添加到列表中，但在执行页面时，默认情况下它会创建一个空选项：

<select id="langList">
<option></option>
</select>

这是我的代码，如果选项不为空，我可以更改什么以添加新的选项元素？

 <select id="updLanguage">
            <option value="tr">Turkish‬</option> 
            <option value="uk">Ukrainian‬</option> 
            <option value="ur">Urdu‬</option> 
            <option value="vi">Vietnamese‬</option> 
            <option value="zu">Zulu‬</option>
 </select>
 <input type="button" id="addLang" value="addLang">

<select id="langList">
   <!--when I press the button "addLang" it add a new lang but with an <option></empty> empty before and then the lang add-->

土耳其的‬ 
乌克兰人‬ 
乌尔都语‬ 
越南人‬ 
祖鲁‬

“$languages.”“；？>//重新加载已保存在my DB中的语言

向列表中添加新语言的脚本

$("#addLang").on("click", function(){
   var lang =$("#updLanguage :selected").text();
   var idLang =$("#updLanguage").val();
   $("#langList").append("<option id='"+idLang+"'>"+lang+"</option>");       
});

$（“#addLang”）。在（“单击”，函数（）{
var lang=$（“#updLanguage:selected”）.text（）；
var idLang=$（“#updLanguage”）.val（）；
$（“#langList”）.append（“+lang+”）；
});

这项工作：

$（“#addLang”）。在（“单击”，函数（）{
var lang=$（“#updLanguage:selected”）.text（）；
var idLang=$（“#updLanguage”）.val（）；
如果（$（“#langList”）.is（“div”））{
$（“#langList”）。替换为（$（''+this.innerHTML+''）；
}
$（“#langList”）.append（“+lang+”）；
});

在Chrome上运行良好它不会创建一个空选项你在使用什么浏览器？@Anton我也在使用Chrome，它在这里运行良好，但在我的项目中没有，它是相同的代码。运行良好..你想检查是否存在一个选项吗？不要添加类似的内容？我不能这样做，因为在“”中我有一个php代码来重新加载语言的在我的DBFixed中保存，现在它接受的内容并将其放置在新的select元素中，希望就是你所要求的。

$("#addLang").on("click", function(){
    var lang =$("#updLanguage :selected").text();
    var idLang =$("#updLanguage").val();
    if($("#langList").is("div")) {
        $("#langList").replaceWith($('<select id="langList">' + this.innerHTML + '</select>'));
    }
    $("#langList").append("<option id='"+idLang+"'>"+lang+"</option>");  

});