Question

我正在创建一个应用，用户可以在该应用中发布该区域内发生的事件。

我有一个使用Google地方自动填充功能的输入字段。

      <!---- EVENT LOCATION ---->      
      <div class="form-group">
        <label for="location">Event Location</label>
        <input name="location" type="text" class="form-control" id="location" placeholder="Hogwarts School, 127 Long Island">
      </div>
      <script>
          var ac = new google.maps.places.Autocomplete(document.getElementById('location'));
          ac.addListener('place_changed', function() {
              var place = ac.getPlace();
          });
      </script>

这很好（see image）

很好，但我想添加Eventbrite的功能。看看他们有什么here。

在他们的下拉菜单结束时，他们有一个链接说＆＃34;无法找到您的位置？＆＃34;

我想拥有它。有关如何在下拉菜单底部添加链接的想法吗？

Answer 1

好吧我明白了。稍后会改变它以坚持jquery或javascript。如果您知道更好的方法，请告诉我

      <!---- EVENT LOCATION ---->      
      <div class="form-group">
        <label for="location">Event Location</label>
        <input name="location" type="text" class="form-control" id="location" placeholder="Hogwarts School, 127 Long Island">
      </div>
      <script>
          var ac = new google.maps.places.Autocomplete(document.getElementById('location'));
          ac.addListener('place_changed', function() {
              var place = ac.getPlace();
              console.log(place.formatted_address);
              console.log(place.url);

          });
          $('#location').on('click', function() {

                var picklist = document.getElementsByClassName('pac-container')[0];
                var link = picklist.getElementsByTagName('a');
                console.log(link.length);
                if(link.length == 0) {
                    var aTag = document.createElement('a');
                    aTag.setAttribute('href',"http://www.google.com");
                    aTag.innerHTML = "Can't find address?";
                    picklist.appendChild(aTag);
                }

          });

      </script>

如何在google places api（autocomplete）提供的下拉菜单中添加链接？

1 个答案: