*

jquery:autocompleteの改造

公開日: 備忘録 ,

久々の更新です。個人的な備忘録なので、あしからず・・・(こうやったほうが、良いよ!!というご意見はどしどしください)

最近はjqueryを表示に重宝しています。
仕事柄、WEBシステムの管理画面を多く作るのですが、マスターデータを参照してIDを取得したいことが多々あります。
HTMLのselectを利用してコンボボックスを作ってもいいのですが、選択肢が大量にある場合探せないし、と言ってpopupウィンドウで選択させるのも・・・

そこで、jqueryのautocompleteを利用して、隠し項目にidをセットする方法が取れないか

すなわち、autocompleteで情報を取得して、入力フィールドには名称を隠し項目にIDをセットする方法を模索しました

結構簡単でしたが、忘れないようにメモしておきます。

まず、autocompleteを呼び出すときにオプションを追加しました。オプションの名称はなんでも良かったのですがここでは”idInput”としました。

呼び出し方は

$('#id').autocomplete('url', {
	onItemSelect : selectItem,
	onFindValue : findValue,
	formatItem : formatItem,
	idInput : "chirashi_place"
});

idInput : “chirashi_place”の部分を追加、でautocomplete..jsは以下の部分を修正しました。
function selectItem()の$input.val(v);の部分を

var idInput = options.idInput;
if(idInput!=""){
	listData = v.split(":");
	$('#'+idInput).val(listData[0]);
	$input.val(listData[1]);
}else{
	$input.val(v);
}

更に呼び出しているスクリプトからの戻り値を「”値”\n”値”\n”値”\n”値”\n”値”\n”値”\n”値”」だったものを「”id:値”\n”id:値”\n”id:値”\n”id:値”\n”id:値”\n”id:値”\n”id:値”」に変更して対応完了です。

細かい処理は割愛してあります。
再選択した際に、隠し項目のidをクリアするとか、これだけでは上手くいかないことも多いかと思いますが・・・

とりあえず

ad

関連記事

備忘録:prettyPopinで開くポップアップページに画像を表示する場合の注意点

「iPad Air」「iPad Mini Retina」来月発売ですね。皆さんは購入されますか?私は

記事を読む

no image

備忘録:jQueryのlive-clickがiPadで効かない

ちょっと忙しく、ブロクが更新できていませんが jQueryを利用してiPadでのウェブアプリケ

記事を読む

備忘録:Facebookページで「いいね」がクリックされているかどうかを判定

あけましておめでとうございます。 本年もよろしくお願いいたします。 昨年は様々なことが有

記事を読む

iMac再インストール

仕事で使っているiMacが動かなくなった 普段使っている各種ツールを起動するとフリーズするようにな

記事を読む

PHP:ソケット通信サーバ・テスト用シミュレータの作成

久々にPHPでソケット通信アプリを開発してます。WEBシステムで管理ページを開発し、設定内容をDBで

記事を読む

備忘録:jQuery-Datepickerの使い方

備忘録 いろいろな管理画面を開発している重宝する「Datepicker」ですが 過去のプロジ

記事を読む

Mac版 Google日本語入力の環境設定:不具合

仕事用のPCが不調のため、OSを再インストールしました。 MacBook 2009LATEを使

記事を読む

Eclipse(IDE)のインストールについて

PHP関連の開発をメインに行なっていますが、 開発環境のEclipseのインストールについて簡単に

記事を読む

使い勝手の良いアクセス解析 Research Artisan Lite

備忘録です。 アクセス解析ソフトはいろいろありますが 最近のデフォルトは 「Goo

記事を読む

MAC OSX10.9 Mavericksをクリーンインストール・USBメモリ編

先日、Mac OSX10.9 MavericksをMBAにクリーンインストールを書きましたが、iMa

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スパム対策 * Time limit is exhausted. Please reload the CAPTCHA.

ad

忙しときに限って、PCがこわれる・・・

久々の投稿 忙しいときに限って、PCが壊れるのは昔から・・・・

年末年始休業のお知らせ

平素は、弊社製品をご愛顧いただき、ありがとうございます。 誠に勝

年末年始休業のお知らせ

平素は、弊社製品をご愛顧いただき、ありがとうございます。 誠に勝

夏季休業のお知らせ

夏季休業のお知らせ 平素は、弊社製品をご愛顧いただき、ありがとう

臨時休業のお知らせ(3月30日〜4月1日)

平素は、弊社製品をご愛顧いただき、ありがとうございます。 誠に勝手な

→もっと見る

PAGE TOP ↑