從JSON加載數據

Question

我試圖做這樣的事情：

HTML

<select id="firstSelect">
    <option value="">Choose...</option>
    <option value="">&nbsp;</option>
    <option value="">&nbsp;</option>
</select>

Java腳本

$(function () {

        $('#firstSelect').click(function () {

            $.getJSON("someService", function (data) {
                var options = '<option value="">Choose...</option>';
                $.each(data, function (index, order) {
                    options += "<option value='" + order.id + "'>" + order.title + "</option>";
                });
                $('#firstSelect').html(options);
            });
        });
}

問題是，當我第一次單擊選擇字段時，它沒有填充JSON中的數據，但是當我第二次單擊它時，它出現並且填充了所有選項。

Answer 1

您是否真的需要每次有人單擊時都為select字段加載內容？ 如果在頁面加載時加載它會更好嗎？ 因此，它將解決您的“僅需第二次點擊即可工作”的問題。 順便說一句，您不需要自己填寫選擇字段。

$(document).ready(function(){
   $.getJSON("someService", function (data) {
       var options = '<option value="">Choose...</option>';
       $.each(data, function (index, order) {
          options += "<option value='" + order.id + "'>" + order.title + "</option>";
            });
       $('#firstSelect').html(options);
    });        
})