0

selectノックアウト オプション バインディングを使用して、サーバーからタグのオプションを一覧表示しようとしています。selectタグにバインドされたノックアウト可観測配列にプッシュされるJSONデータを返すPHPページがあります。しかし、どういうわけか機能していません。参考までに次のコードを参照してください。

HTML:

<div class="form-group">
    <select class="form-control">
        <option data-bind="options: Country_Names, optionsText: 'country_name'"></option>
    </select>
</div>

JavaScript:

$(document).ready(function(){
    function appModel(session_info){
        /* Session Info related bindings are commented as they are working fine */
        var self = this;
        this.Country_Names = ko.observableArray();

        // Bindings related to the batch processing
        $(function(){
            $.ajax({
                url:"../api/master_list.php",
                type:"get",
                data:{mastertype: '1'},
                cache:false,
                success:function(country_list){
                    ko.mapping.fromJSON(country_list, {}, self.Country_Names);
                }
            });
        });
    };

    $.ajax({
        url:"../api/sessions.php",
        type:"get",
        data: {rqtype: '1'},
        cache:false,
        success:function(session_info){
            var data = $.parseJSON(session_info);
            if (data.status == 'Invalid_id'){
                window.location.replace('../files/main.html');
            } else {
                ko.applyBindings(new appModel(session_info));
            }
        }
    });    
});

サンプル JSON:

[{"country_name":"Albania"},{"country_name":"Chile"},{"country_name":"Cuba"}]

質問、select タグにオプションがリストされていないのはなぜですか? 明らかな何かが欠けていますか?

4

1 に答える 1