Javascript Google自动完成放置API错误InvalidValueError

链接：

---

我已经在wordpress中安装了Google autocomplete Place api，控制台中出现InvalidValueError，我无法解决问题，因为我觉得一切都很好。

看看变量

gaaf\u fields\u my

的值。当我放置一个断点时，我可以看到这个变量有以下值

“[name=“input_2”]、[name=“demo”]、#input_2_2、#demo、.address、.demo”

问题是

jQuery（gaaf\u fields\u my）

返回一个

元素作为第一个元素，该元素具有类“address”，而不是

。这导致自动完成构造函数中出现异常，该构造函数期望输入元素作为参数，但您尝试在

上初始化它

在调用autocomplete构造函数之前，应该应用更好的选择器或在jQuery循环内检查元素的标记名：

function wnw_set_google_autocomplete_my(){
    jQuery(gaaf_fields_my).each(function(){

        var autocomplete_my= new google.maps.places.Autocomplete(
        /** @type {HTMLInputElement} */(this),
        { types: ['geocode'] });
        // When the user selects an address from the dropdown,
        // populate the address fields in the form.

    });
}
jQuery(window).load(function(){
    wnw_set_google_autocomplete_my();
});

---

谢谢，工作很好：）

 function wnw_set_google_autocomplete_my(){
     jQuery(gaaf_fields_my).each(function(){

         if (this.tagName.toLowerCase() === 'input') {

             var autocomplete_my= new google.maps.places.Autocomplete(
                 /** @type {HTMLInputElement} */(this),
                 { types: ['geocode'] });

         }
     });
 }