2

デフォルトでオプションなしで選択を作成したいのですが、言語の次のリストがあり、言語を選択してボタン「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."";?> // DB に既に保存されている言語をリロードします

新しい言語をリストに追加するスクリプト

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

1 に答える 1

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>");  

});
于 2013-09-04T11:52:16.233 に答える