MySQLデータをブートストラップの入力タグに自動補完する方法を教えてください。

PHPを使用して、このブートストラップ入力タグをプロジェクトに作成しています。MySQLデータをブートストラップの入力タグに自動補完する方法を教えてください。

ここで、restrictToとsuggestionsにMySQLのデータを入力するにはどうすればよいですか？このセクションでは

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Send Memorandum</title> 
    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/memo.css" rel="stylesheet"> 
    <link href="css/bootstrap-tags.css" rel="stylesheet"> 
    <script src="js/jquery.min.js"></script> 
</head> 

<body> 
<form enctype="multipart/form-data" action="send.php" method="post" class="memo" style="padding-top:10px"> 
    <div class="form-group row"> 
     <div class="col-xs-8"> 
      <label for="To" style="padding-top: 10px;" >To: </label><br> 
      <p>suggestOnClick</p> 
      <div id="suggestOnClick"></div> 
     </div> 
    </div> 
</form> 

<script src="js/bootstrap.min.js"></script> 
<script src="js/bootstrap-tags.min.js"></script>

私は提案のデフォルト値にしたい：削除するにしてから、私のMySQLのデータの提案に「tbaccounts FROM account_usernameを選択」のような値に置き換えますとrestrictTo：可能ということです？

だから、これはこれは私がこのjson_enccode（$データ）を置くことができますどのようにPHP今

<?php 
//fetch.php 
$connect = mysqli_connect("localhost", "root", "", "fullcalendar"); 
$query = " 
SELECT * FROM tbaccounts ORDER BY account_username 
"; 

$result = mysqli_query($connect, $query); 

$data = array(); 

if(mysqli_num_rows($result) > 0) 
{ 
while($row = mysqli_fetch_assoc($result)) 
{ 
    $data[] = $row["account_username"]; 
} 
echo json_encode($data); 
} 

?>

、である私のSCRIPT

<script> 
$(function(){ 
    $("#suggestOnClick").tags({ 
     restrictTo: ["alpha", "bravo", "charlie", "delta", "echo", "foxtrot", "golf", "hotel", "india"], 
     suggestions: ["alpha", "bravo", "charlie", "delta", "echo", "foxtrot", "golf", "hotel", "india"], 
     promptText: "Click here to add new tags", 
     suggestOnClick: true 
    }); 
}); 
</script> 

</body> 
</html>

です。 restrictTo：とSuggstions：SuggestOnClick Funtionにありますか？

出典

2017-07-08 Renz Shirvene Tolentino Serran

を提出します。あなたのPHPはどこですか？あなたはDBクエリを済ませましたか？ –

@MagnusErikssonは申し訳ありませんが、json_encode（）を使用する方法はまだありません。表示方法や手助けはできますか？私はfullcalendarという名前のデータベースを持っています。そして、tbaccountsというテーブルのデータを取得したいのですが、tbaccountsにはaccount_idとaccount_usernameがあります。 account_usernameは、restrictToおよびSuggestionスクリプトに入れたいデータです。それについてお手伝いできますか？ –

あなたの質問に_関連するコード_を追加してください。それをコメントに投稿しないでください。それは判読不能です。 PHP関数の使用に関しては、[PHPマニュアル]（http：//php.net/） –

いつでもjquery ajaxを使用できます。

jsがジャストタグを取得し、 `json_encode（）を`使用してJSON配列としてそれらをプリントアウトするクエリを作る

var app={ 
    init:function(){ 
     $(document).ready(this.initialize); 
    }, 
    initialize:function(){ 
     $.ajax({ 
      url:'php/fetch.php', 
      METHOD:'GET', 
      success:function(data){ 
       data=JSON.parse(data); 
       $("#suggestOnClick").tags({ 
        restrictTo: data, 
        suggestions: data, 
        promptText: "Click here to add new tags", 
        suggestOnClick: true 
       }); 
      } 
     }); 

    } 
}; 
app.init();

fetch.php PHP/

echo json_encode(array("alpha","bravo","charlie"));

出典

2017-07-12 05:27:15

ありがとう、それは本当にありがとう！ –

MySQLデータをブートストラップの入力タグに自動補完する方法を教えてください。

答えて

関連する問題