javascript - 默认情况下如何创建没有选项的选择

Question

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

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

这是我的代码，我可以更改什么来添加一个新的选项元素，而该选项不为空？

 <select id="updLanguage">
            <option value="tr">Turkish‬&lt;/option> 
            <option value="uk">Ukrainian‬&lt;/option> 
            <option value="ur">Urdu‬&lt;/option> 
            <option value="vi">Vietnamese‬&lt;/option> 
            <option value="zu">Zulu‬&lt;/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."";?> // 重新加载已保存在我的数据库中的语言

将新语言添加到列表的脚本

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

Answer 1

这有效：

http://jsfiddle.net/bW7k7/1/

$("#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>");  

});