jQueryのAutoSuggertプラグインを使用したオートコンプリートを実装したいのですが、
入力された値の取得方法が分かりません。
http://code.drewwilson.com/entry/autosuggest-jqu …
質問させていただきます。
サンプルを見ながら試行錯誤して入力フォームの作り方は分かったのですが、
入力された値の取得方法がわからず公式サイトも英語なので困っています。。
警告ダイアログで入力されたものを表示させたいのですがその方法がわかりません。。
できれば複数選択されていれば複数表示させたいです。
ソースは以下のように書いています。
「入力された値の表示」を押すとGETで値が送信されるようにななったのですが、
パラメータが as_values_074=***** と_074とランダムな数字が余計に付加されてしまうようで、
GETされた値の取得ができないのです。
困っています。。
よろしくお願いいたします。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>AutoSuggest jQuery Plugin</title>
<script type="text/javascript" src="http://skuare.net/test/js/jquery-1.3.2.js"></scr …
<script type="text/javascript" src="http://skuare.net/test/js/jquery.autoSuggest.js" …
<link rel="stylesheet" href="http://skuare.net/test/css/autoSuggest.css" type="text/css">
<script type="text/javascript">
$(document).ready(function() {
var data = {items: [
{value: "1", name: "Mick Jagger"},
{value: "2", name: "Johnny Storm"},
{value: "3", name: "Richard Hatch"},
{value: "4", name: "Kelly Slater"},
{value: "5", name: "Rudy Hamilton"},
]};
$("input[type=text]").autoSuggest(data.items, {selectedItem: "name", searchObj: "name"});
});
</script>
</head>
<body>
<h3>サンプル</h3>
<form action="autosuggest.html" name="name" method="GET">
<input type="text" value="">
<input type="submit" value="入力された値の表示">
</form>
<?php
$as_values = $_GET['as_values'];
echo '入力されたお名前は『'.$as_values.'』です。';
?>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryで同じクラス名のものを...
-
二次元配列を使って順位をだす...
-
指定時間になったら、WEBサイト...
-
【JS】selectでchangeした時の...
-
特定の文字列を複数抜き出した...
-
読み込んだQRコードをフォーム...
-
IndexedDB を使ってファイルア...
-
ローディングアニメーションの...
-
画面遷移を行わずに同一ページ...
-
ブックマークレットについて
-
GASでチェックボックスを一括of...
-
Q&A掲示板の入力フォームに文字...
-
jsで質問です。 displayプロパ...
-
clear機能を失わずにファイルア...
-
初心者です。gulpでコンパイル...
-
セレクトボックスで配列を呼び...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
メールフォームの日付入力フォ...
-
GASでGoogleフォームの自動返信...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
jsで質問です。 displayプロパ...
-
画面遷移を行わずに同一ページ...
-
Googleフォームで選択肢に応じ...
-
特定の文字列を複数抜き出した...
-
フロントエンドフレームワーク...
-
変数名をどのようにつけるのが...
-
【JS】selectでchangeした時の...
-
React hooksが値を返して配列変...
-
オブジェクトから任意のプロパ...
-
指定時間になったら、WEBサイト...
-
Colorboxがうまく設置できません
-
二次元配列の中の各行の要素を...
-
読み込んだQRコードをフォーム...
-
IndexedDB を使ってファイルア...
-
HTMLで作った時報アプリが動き...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
①入力フォーム→②確認表示画面→③...
おすすめ情報