从带有选项问题的选择标签中的 JSON 数据库中获取汽车品牌名称数据

问题描述

所以我无法从带有选项的选择标签中的 JSON 数据库中获取汽车品牌名称数据

这是我的功能：

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script>
    function request()
    {
        adress="http://localhost:4000/brands?callback=?"
        $.getJSON(adress,function(answer)
        {
            $.each(answer,function(index,brands)
            {
                contentTodisplay ='<option>"'+brands.name+'"</option>'
                $(contentTodisplay).appendTo(document.getElementById(brandName))
            }
            )
        }
        )
    }
    
    </script>

这是我的选择标签：

<label for="brandName" class="label">Brand</label>
                        <select id="brandName" class="select" name="brandName" onclick="request()" required>
                            <option value="" hidden="true">Choose the option</option>

这是 JSON 数据库：

[
  {
    "id": 1,"name": "Audi"
  },{
    "id": 2,"name": "BMW"
  }
]

我不知道我做错了什么。请帮忙。

解决方法

根据Option，构造函数创建了一个新的 HTMLOptionElement。

var o = new Option(brands.name,brands.id);
$(o).html(brands.name);
$("#brandName").append(o);