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

因此，我很难从带有选项的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>

我不知道我做错了什么。请提供帮助。

根据，构造函数创建一个新的HtmlOption元素

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

---

这很有用，但当我单击选择列表时，会一遍又一遍地添加数据库值

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

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