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

Question

我想默认创建一个没有选项的选择，我有下一个语言列表，当我选择一个然后按下按钮“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."";?>//重新加载已保存在我的数据库中的语言

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

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

});