如何在默认情况下创建不带选项的select

how to create a select without an option by default

本文关键字：选项 select 创建 默认 情况下      更新时间：2023-09-26

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

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

这是我的代码，如果没有空的选项，我可以更改什么来添加新的选项elemets

 <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。"；？>//用于重新加载已保存在我的数据库中的语言

将新的lang添加到列表的脚本

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

这是有效的：

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>");  
});
相关文章：