用于地址自动填充的Google map api javascript不起作用（InvalidValueError:不是HTMLInputElement的实例）

我在ruby on rails应用程序中使用GoogleMapAPI进行地址自动填充。我在两个表单中使用了地址自动填充。但只有一个表单工作正常

工作代码 位置中的new.html.erb

*
*
*

工作js

var placeSearch，位置\地址；
var地址=[]；
变量组件形式={
格式化的地址：“位置地址”，
次局部性\u级别\u 1:“位置\u位置”，
地点：“地点”，
行政区一级：“位置州”，
国家：'地点\国家'
};
函数initAutocomplete（）{
location\u address=new google.maps.places.Autocomplete(
（document.getElementById（'location_address'）），
{类型：['geocode']}）；
地址addListener（'place\u changed'，fillInAddress）；
}
函数fillInAddress（）{
地址=[]；
var place=location_address.getPlace（）；
对于（变量i=0；i}

我找到了问题所在。我将js文件放在assets/javascripts文件夹中。因此造成了歧义。通过在其各自的视图中添加js文件，问题得以解决。希望能节省一些人的时间

 <%= form_for @location,url: locations_path,html: {method: 'post'}  do |f| %>
<div class="form_format">

    <div class="form-group">
        <div class="star">*</div>
        <%= f.label :address %>
        <%= f.text_field :address, class: "form-control"%>
    </div>

    <div class="form-group">
        <div class="star">*</div>
        <%= f.label :locality %>
        <%= f.text_field :locality, class: "form-control",
        readonly: true %>
    </div>
    <div class="form-group">
        <%= f.label :city %>
        <%= f.text_field :city, class: "form-control",readonly: true %>
    </div>
    <div class="form-group">
        <div></div>
        <%= f.label :state %>
        <%= f.text_field :state, class: "form-control",
        readonly: true%>
    </div>
    <div class="form-group">
        <div class="star">*</div>
        <%= f.label :country %>
        <%= f.text_field :country, class: "form-control",
        readonly: true %>
    </div>

    <div class="form-group"><center>                

        <%= f.submit 'Add Details', class: "btn btn-primary" %></center>
    </div>  
</div>