javascript - 想要在选择选项中附加 Ajax 响应数据

Question

想要附加选择选项，但不知道如何获取选择选项中的响应值。

在响应中获取所有值，但无法附加到选择选项中，我认为语法错误

success: function (response) {

   if (response) {
        console.log(response);
        $("#state").empty();
        $("#state").append('<option value="" selected disabled>Select State</option>');
        $.each(response, function (id, name) {
              $("#state").append('<option value="' + id + '">' + name + ' </option>');

        });
    }
}

控制台输出:已获取值但无法在选择选项中追加

[{…}]
  0: {id: 4, name: "Valencia"}
  1: {id: 5, name: "ABC"}
     length: 2
     __proto__: Array(0)

Answer 1

.each 应用于对象根据手册返回:

jQuery.each( object, callback )

地点:

object
Type: Object
The object to iterate over.

callback
Type: Function( String propertyName, Object valueOfProperty )
The function that will be executed on every value.

所以在 name 里面你有一个对象。 根据此，要获取 name 属性，您必须使用 name.name。

因此，使用更好的变量名称可以:

$.each(response, function (id, element) {
          $("#state").append('<option value="' + element.id + '">' + element.name + ' </option>');