javascript - 選択ボックスでのjquery ".append"の問題

Question

に選択オプション ボックスがありますhtml。

<select name="selectDay" id="selectDay" data-mini="true" style="float: left;"></select>

jQuery.appendメソッドでいくつかのオプションを追加した後、それらのオプションは表示されません。

function showbroadcastsDropDown() {
for (i = 0; i < dateArray.length; i ++ ) {

    // variables
    var month = dateArray[i].getMonth() + 1;
    var year = dateArray[i].getYear();
    year += 1900;

    //dateArray[i].getDate() + "-" + month + "-" + year

    if (i == 0) {
        console.log("0");
        $("#sendungen select[name='selectDay']").append('<option value="today"' + (actuallyDate == dateArray[i].getDate() ? ' selected=true' : '') + '>today</option>');        
    } else if (i == 1) {
        console.log("1");
        $("#sendungen select[name='selectDay']").append('<option value="tomorrow">tomorrow</option>');          
    } else {
        console.log("else");
        $("#sendungen select[name='selectDay']").append('<option value="">asdasdasd</option>');     
    }

    console.log(dateArray[i].getDate() + "-" + month + "-" + year);
}
$("#sendungen select[name='selectDay']").selectmenu("refresh"); 

変数について尋ねないでくださいdateArray。

前もって感謝します！

Answer 1

以下のコードを試してください:

<select name="selectDay" id="selectDay" data-mini="true" style="float: left;"></select>
<input type="button" id="btnClick" />

Jクエリ

$(document).ready(function(){    
$("#btnClick").click(function(){
$("#selectDay").append(new Option("option text", "value"));
});
});

Answer 2

試す

$("#sendungen select[name='selectDay']").selectmenu("refresh", true); // force rebuild