2

jspを使用してユーザー登録フォームを作成しています。コンボボックスからStateを選択するオプションがあります。単純なhtmlコンボボックスを使用していますが、WebサービスからjsonオブジェクトとしてStateを受け取っています。 jsonオブジェクトとのコンボボックス。

状態Jsonは次のとおりです。

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

私のJavascript関数は、

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

私のHTMLコンボボックスは<select name="State">

コンボボックスに上記のjsonオブジェクトを入力する必要があります。

4

1 に答える 1

4

純粋な 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);
}

必要に応じて id、value、および innerHTML を微調整します。

于 2012-04-09T12:35:18.537 に答える