Javascript 如何在下拉选项中显示数组列表

在谷歌上尝试和搜索了很多类型之后，现在我没有选择在这里提问

我的问题是我想在选择选项下拉菜单中显示数据。。日期是json数组列表

这是我的密码

<select name="" id="state_list">
     <option>select state</option>
</select>



<script>      
var url = "#";

    function getData() {
      fetch(url)
        .then((data) => {
          return data.json();
        })
        .then((covidData) => {

          var dropdown = document.getElementById("state_list");
          var stateList = covidData.data.regional;

     for (i = 0; i < stateList.lenght; i++) {
         dropdown[dropdown.lenght] = new Option(stateList[i],stateList[i]); 
    }
     })
 </script>

选择状态
var url=“#”；
函数getData（）{
获取（url）
。然后（（数据）=>{
返回data.json（）；
})
.然后（（covidData）=>{
var dropdown=document.getElementById（“状态列表”）；
var stateList=covidData.data.regional；
对于（i=0；i

您可以执行如下操作，将

状态列表填充到下拉列表中

var select = document.getElementById("state_list"); 
for(var i = 0; i < stateList.length; i++) {
    var opt = stateList[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
}​

var select=document.getElementById（“状态列表”）；
对于（var i=0；i

工作小提琴：

您可以执行如下操作，将
状态列表填充到下拉列表中

var select = document.getElementById("state_list"); 
for(var i = 0; i < stateList.length; i++) {
    var opt = stateList[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
}​

var select=document.getElementById（“状态列表”）；
对于（var i=0；i

工作小提琴：

您的
长度输入错误，未正确关闭函数（缺少最后一个
}
）。此外，您的附加逻辑选项也不起作用（同样是因为输入错误
长度
）


window.onload=function（）{
变量url=”https://api.rootnet.in/covid19-in/stats/latest";
函数getData（）{
获取（url）
。然后（（数据）=>{
返回data.json（）；
})
.然后（（covidData）=>{
var dropdown=document.getElementById（“状态列表”）；
var stateList=covidData.data.regional；
对于（var i=0；i您在
长度中有一个输入错误，并且没有正确关闭函数（缺少最后的
}
）。此外，您的附加逻辑选项也不起作用（同样是因为输入错误
长度
）


window.onload=function（）{
变量url=”https://api.rootnet.in/covid19-in/stats/latest";
函数getData（）{
获取（url）
。然后（（数据）=>{
返回data.json（）；
})
.然后（（covidData）=>{
var dropdown=document.getElementById（“状态列表”）；
var stateList=covidData.data.regional；
对于（var i=0；iHello），您可能应该尝试为列表中的每个项目创建一个新的option元素，然后将options元素附加到select you can use document.createElement（'option'），然后设置属性（值和选项本身）然后将其附加到您的选择中。您在
lenght
中有一个类型。Rest是正确的。但是中的api数据显示不好，您还必须在某一点调用该函数。您应该删除此问题，因为它主要基于
length
的两个键入。您好，您可能应该尝试为l中的每个项目创建一个新的选项元素ist，然后将options元素附加到select中。您可以使用document.createElement（'option'），然后设置属性（值和选项本身）然后将其附加到您的选择中您在
lenght
中有一个类型。Rest是正确的。但是中的api数据显示不好，您还必须在某一点调用该函数。您应该删除此问题，因为它主要基于
length
的两个键入。使用简单数组在fiddle中工作，但不使用api链接在fidd中工作le使用简单数组，但不使用api链接