Question

我正在尝试使用下面的脚本填充select box，它会在后台填充它，但我看不到页面中的更改。我在DropDownList中唯一能看到的是我手动添加的项目。你能在这里看到什么问题吗？

编辑：我可以看到它在没有控制台错误的情况下运行，它会添加选项并增加选择框的长度。问题是它们没有反映在列表中。

我没有使用localhost，你认为它会影响这样的脚本吗？

<body onload="init('map');loadlist();">
    <div id="map" style="position:absolute;width:100%;height:100%;background-color:#999999;">
        <div id="right-container">
            <div class="input-group" style="float:left; margin-bottom:10px;">
                <span class="input-group-addon">Navteq POI'leri</span>
                <select id="navteq-select" data-placeholder="POI Katmanı Yok" multiple onchange="visualiseNavteqPOIs();" class="form-control header-select">
                    <option value="6512">Alışveriş</option> 
                </select>
            </div>
        </div>

        <script type = "text/javascript" charset = "utf-8">
            function loadlist(){
            $.get('http://api.visiothink.com/v1/query/categories?key=XXX').done(function(data){
                data = JSON.parse(data).response;

                var dropdown = document.getElementById("navteq-select");
                for (i = 0; i < data.all.length; i++) { 
                    var o = data.all[i];

                    if (dropdown) {
                        console.log('Populating for '+ o.name);

                        var option = document.createElement("option");
                        option.text = o.name;
                        option.value = o.categoryId;
                        dropdown.add(option);
                    }
                }
                console.log(dropdown.options.length);
            });
            }
        </script>
</body>

Dropdown不会填充Javascript

0 个答案: