erstellen von drop-down-Liste von json

Ich habe einen json, in dieser form:

{"COLUMNS":["ID", "Name"],"DATA":
[ 
  ["1","Joe"],
  ["2", "Sam"],
  ["3", "Doug"],
]
}

und ich war auf der Suche für ein Beispiel, wie man ein drop-down-Liste aus, diese Daten in javascript, aber all die Beispiele von json/dropdown-Liste von json ist in einem anderen format. Ich habe nicht gearbeitet mit viel javascript oder json-Daten an alle also ich bin mir nicht sicher wo zu beginnen. Kann jemand Punkt mich in die Richtung, in der eine tolle Anleitung oder Beispiele? Danke.

kann u bitte erklären, wie man diese json-response?
Sorry, späte Antwort:

InformationsquelleAutor user2533762 | 2013-07-15

  1. 2

    JavaScript:

    window.onload = function () {
    var JSON = {
        "COLUMNS":["ID", "Name"],
        "DATA": [ 
            ["1","Joe"],
            ["2", "Sam"],
            ["3", "Doug"]
        ]
    }, select = document.getElementById("selector");
    for (var i = 0, at = JSON.DATA[i], id = at[0], name = at[1]; i < JSON.DATA.length; i++) {
        var option = document.createElement("option");
        option.value = id;
        option.textContent = name;
        select.appendChild(option);
    };
};

    Bitte stellen Sie sicher, dass, wenn Ihr JSON ist in der string-Formular, das Sie analysieren es, zuerst mit JSON.parse();

    HTML:

    <select id="selector"></select>

    Die JSFiddle-Beispiel: http://jsfiddle.net/su7sr/1

    Noch nie davon gehört. War nur die Antwort auf die OP ' s Frage.
    Ihre json-string ist nicht Valide json ,Sie erzeugen aus sich selbst?
    Es ist jetzt.
    { "Tabelle": [ { "stateid": "2", "statename": "Tamil Nadu" }, { "stateid": "3", "statename": "Karnataka" } ] }
    Der code hier nicht nötig, Punkt perfekt. Es gibt die Idee, wie man JSON verwenden zum erstellen von Dropdown-Menüs. Die OP kann nehmen die Idee auf und sehen zu, dass seine/Ihre JSON ist perfekt. Warum sind Sie verschwenden Zeit auf solche Sachen?

    InformationsquelleAutor Shawn31313

  2. 0

    Ich Sache, die richtige JS:

    window.onload = function () {
    var JSON = {
        "COLUMNS":["ID", "Name"],
        "DATA": [ 
            ["1","Joe"],
            ["2", "Sam"],
            ["3", "Doug"]
        ]
    }, select = document.getElementById("selector");
    for (var i = 0; i < JSON.DATA.length; i++) {
    var at = JSON.DATA[i], id = at[0], name = at[1];
        var option = document.createElement("option");
        option.value = id;
        option.textContent = name;
        select.appendChild(option);
    };
};

    InformationsquelleAutor user2935683

Schreibe einen Kommentar