Wie HTML-Kombinationsfeld mit JSON-Objekt

Question

füllen Ich erstelle ein Benutzerregistrierungsformular mit JSP, in dem es eine Option gibt, State aus einem Kombinationsfeld auszuwählen.Ich verwende ein einfaches HTML-Kombinationsfeld, aber ich erhalte State als ein JSON-Objekt von Web-Service.So wie das Kombinationsfeld mit JSON-Objekt aufzufüllen.

Staat Json ist wie folgt,

{"States":[{"id":"1","stateName":"Alabama","code":"AL"}, 
{"id":"4","stateName":"Arkansas","code":"AR"}, 
{"id":"8","stateName":"Delaware","code":"DE"}]} 

Meine Javascript-Funktion,

function getStates(){  
url = WSPath; 
response=initiateRequest(url);} 

Mein HTML-Combo-Box ist <select name="State">

Ich brauche die Combo-Box mit dem oben zu füllen JSON-Objekt.

Answer 1

Reines js:

var select = document.createElement("select"); 
var obj = JSON.parse(response); 

for (var i=0; i < obj.States.length; i++) 
{ 
    var option = document.createElement("option"); 
    option.id = obj.States[i].id; 
    option.value = obj.States[i].code; 
    option.innerHTML = obj.States[i].stateName; 
    select.appendChild(option); 
} 

Tweak die ID, den Wert und innerHTML- auf Ihre Bedürfnisse.