Question

   <body onload="getCd()">
        <div id="page-wrapper">
            <input type="text" id="ajax" list="json-datalist">
            <datalist id="json-datalist"></datalist>
        </div>
function getCd() {
        var url, option;
        url = 'catolog.json';
        $(document).ready(function(){
        $.getJSON(url, function(data) {
        $(data.CATALOG.CD).each(function() {
        option = "<option value=\"" + this.TITLE + "\">" +    this.ARTIST + " " + 
        this.YEAR +"  " + this.PRICE + " " + this.COUNTRY + "   </option>";
        $('#json-datalist').append(option);
        });
        });
        });
        }

这是我目前正在使用的脚本，我需要将datalist转换为HTML table。

Answer 1

现在，您要将option标记附加到datalist代码中。

如果您想要一个普通的旧HTML表，只需将option替换为：

'<tr><td>this.TITLE</td><td>this.ARTISTS</td><td>this.YEAR</td>....</tr>'

并将datalist替换为：

<table id='json-datalist"></table>

如何在自动完成中绘制表格

1 个答案: