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

时间:2013-09-04 11:43:10

标签: javascript jquery

我想默认创建一个没有选项的选项,我有下一个语言列表,当我选择一个然后按“addLand”按钮时,我使用.qupend的jquery将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。”“;?&gt; //重新加载已保存在我的数据库中的语言     

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

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

1 个答案:

答案 0 :(得分: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>");  

});