google places API（オートコンプリート）によって提供されるプルダウンメニューへのリンクを追加するにはどうすればよいですか？

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。

ドロップダウンメニューの最後に「自分の現在地を見つけることができません」というリンクがあります。

私はそれを持っています。ドロップダウンメニューの一番下にリンクを追加する方法に関するアイデアはありますか？

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>