ブートストラップタグの入力をmysqlのデータで

Question

大丈夫、私は自分自身を殺すことに近いです 2つの入力フィールドがあり、1つはタグを持ち、もう1つは自分自身からの提案を表示できます。 ？

コードは：

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> 
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<script src="//netsh.pp.ua/upwork-demo/1/js/typeahead.js"></script> 




<style> 


    h1 { 
     font-size: 20px; 
     color: #111; 
    } 

    .content { 
     width: 80%; 
     margin: 0 auto; 
     margin-top: 50px; 
    } 

    .tt-hint, 
    .city { 
     border: 2px solid #CCCCCC; 
     border-radius: 8px 8px 8px 8px; 
     font-size: 24px; 
     height: 45px; 
     line-height: 30px; 
     outline: medium none; 
     padding: 8px 12px; 
     width: 400px; 
    } 

    .tt-dropdown-menu { 
     width: 400px; 
     margin-top: 5px; 
     padding: 8px 12px; 
     background-color: #fff; 
     border: 1px solid #ccc; 
     border: 1px solid rgba(0, 0, 0, 0.2); 
     border-radius: 8px 8px 8px 8px; 
     font-size: 18px; 
     color: #111; 
     background-color: #F1F1F1; 
    } 
</style> 
<script> 


    $(document).ready(function() { 

     $('input.city').typeahead({ 
      name: 'city', 
      remote: 'city.php?query=%QUERY' 

     }); 

    }) 
</script> 

<form> 
     <h1>Try it yourself</h1> 



     <input type="text" id="firstInput" value="html,hemtl2" class="city" size="50" data-role="tagsinput"> 
     <!--<input type="text" id="firstInput" size="50"> --> 

     <input type="text" onchange="showHint()" id="secondInput" name="city" size="40" class="city" placeholder="Please Enter City or ZIP code"> 


    </form> 
</div> 

私は何かを試しました！

Answer 1

1. showHint（）関数はコードに存在しません。
2. スクリプトの最後にセミコロンがありません。
3. 休憩をとり、明日続けます。 help.cheersをお探しください。