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

Getting car brands name data from a JSON database in a select tag with options issue

所以我无法从带有选项

的select标签中的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>

这是我的 select 标签:

<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);