javascript - 如何使用 JSON 对象填充 HTML 组合框

Question

我正在使用 jsp 创建一个用户注册表单，其中有一个从组合框中选择状态的选项。我正在使用一个简单的 html 组合框，但我从 Web 服务接收状态作为 json 对象。那么如何填充带有 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 对象填充组合框。

Answer 1

纯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。