jquery.columns.js で表示した検索ボックスに自作のサジェスト機能を組み合わせたい
いつもお世話になっております。
jquery.columns.min.js
上記JSファイルに自分で作成してあるサジェスト機能を組み込みたいのです。
下記のJSファイル、HTMLが自分で作成したサジェスト機能です。
googleサジェスト機能を思い浮かんでいただければイメージしやすいと思います。
入力要素を参照する機能をご存知の方アドバイス頂けないでしょうか?
公式サイト
$(document).ready( function() {
//ac2にサジェスト候補がはいる
$("#ac2").autocomplete({
source: function(req, resp){
$.ajax({
//ここからサジェスト候補をとってくる
url: "http://127.0.0.1:8180/api/stock/keyword",
type: "GET",
cache: false,
dataType: "json",
data: {
car_name : req.term
},
//手入力した際にURL先に候補がある場合の処理
success: function(o){
resp(o);
},
error: function(xhr, ts, err){
resp(['']);
}
});
}
});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DataTable</title>
<link id="style" href="css/classic.css" rel="stylesheet" media="screen">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/table.js"></script>
<script src="js/suggest.js"></script>
<script src="js/jquery.columns.min.js"></script>
</head>
<body>
<div id="columns"></div>
<input type="text" id="ac2" name="car_name" >
<input type="submit" value="検索"></form>
</body>
</html>