- ベストアンサー
onkeyupなどで自動でフォームに入力したい。
商品検索を製作しようと思っていますが、参考になるサイト等教えて頂きたいと思います。 フォーム１へ商品コードを入力すると、予測やマッチしフォームBへ 商品名が自動で入力される。 宜しくお願い致します。 開発環境はAjax,Javascript,CGIで考えております。
- eiseima
- お礼率43% (7/16)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その他の回答 (2)
<html> <body> Key:<input type="text" id="key" size="10" onKeyup="chk()"> Data:<input type="text" id="ob" value="" size="30"><br> List:<div id="nn" style="border:1px solid #cce;width:20em"></div> <script> var List=[ ['001','ホンダ' ], ['002','トヨタ' ], ['013','日産' ], ['014','スズキ' ], ['101','アメリカ' ], ['102','日本' ], ['113','イギリス' ], ['114','ドイツ' ] ]; function chk(){ var k=document.getElementById('key').value; inht=''; //先頭一致なら //r= new RegExp('^'+k,'gi'); r= new RegExp(k,'gi'); c=0; for(i=0,mx=List.length;i<mx;i++){ if(List[i][0].match(r)){ inht+='<a href="javascript:setval(\''+List[i][1]+'\')">'+List[i][1]+'</a><br>'; c++;if(c>4) break; } } document.getElementById('nn').innerHTML=(inht=='')?'該当なし':inht; } function setval(s){ document.getElementById('ob').value=s; } </script> </body> </html> 開発環境にCGIとあるがPerlとかPHPとかあると思うのだが・・ データベースが指定されていないので、結局CGIの中で検索すると判断。つまり端末側で処理するも同じかなと思った。 Ajaxを利用することで、通信するデータ量は減ると思われるのだが 回線速度がそこそこ速く、数百ぐらいならこれでも許容範囲かな？
補足
有難う御座いました！ まさにこれを探していました。 商品点数は３００弱なのでデーターベースまでは 必要なかと思っております。 参考に書いて頂いてる配列Listをテキストから読み込ませる 場合はどうしたらよいでしょうか？ 重ね重ね申し訳御座いません。
- pick52
- ベストアンサー率35% (166/466)
関連するQ&A
- 携帯でフォームに入力するとき自動的に数字入力にするには？
携帯のフォームにて、電話番号を入力するときに、そこのテキストボックスにカーソルをあわせると、いままではひらがな入力だったのが、自動的に数字入力になるようにしたいのですが、なにかいい方法ありますか？javascriptでできそうかなあっておもったんですけど、携帯なのでjavascriptは使えません。。。 CGIでうまくやる方法ありませんか？ できればperlで記述したいですが（できればというか本当はperlしかわかりません＾＾） なにかうまくやる方法ありませんか？ぜひともご教授のほどよろしくお願いいたします。
- ベストアンサー
- CGI
- フォーム入力の自動切換え
フォームをJavaScriptを使って自動的に切換える方法を探しています。 イメージ的にはYahoo!知恵袋の入力フォームみたいな感じです。 Yahoo!知恵袋の場合は 大カテゴリを選ぶと自動でそれに関連する中カテゴリが切り替わる 中カテゴリを選ぶとまた、自動で小カテゴリが切り替わる。 このようなJavaScriptを解説しているホームページやサンプルソースを紹介しているページなど知っていましたら教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- フォームでの自動入力
Access2002を使用していますが、フォームでの自動入力につき質問させてください。 勘定科目テーブルというのがあって、コード番号と科目名だけの簡単なテーブルですが、会計取引入力のフォームを作成して、「コード番号を入力したら（勘定科目テーブルを参照して）該当する科目名を別のフィールドに自動表示＆入力する」、という処理を行いたいのですが可能でしょうか？ Excelのlookup関数のようなものですね。 どなたか教えてください。
- ベストアンサー
- その他(データベース)
- 検索フォームを自動で実行させたい
お世話になります。 "prototype.jsでYouTubeをインクリメンタルサーチ"というタイトルのページにて、入力フォームにワードを打ち込むとそのワードのyoutube動画を検索表示させる、という内容の記事がありまして、そちらのサンプルソースを試してみました。 参考URL http://www.atmarkit.co.jp/fwcr/rensai/ajaxrecipe02/ajaxrecipe02_1.html 上記のプログラムを試してみると、HTMLページに検索フォームが設けられており、そこにワードを打ちこんでみると、該当javascriptが１文字打ち込むごとにYoutubeから検索結果を拾って、検索フォームの下スペースに動画リストとして表示してくれました。無事に動いてくれたのでこのサンプルコードに少しカスタマイズをしてみたのですが、ここで躓いてしまいました。。 入力フォームにvalue="animal"として、検索ページが表示されると自動でanimalの検索結果を表示させたいと思ったです。 ですが、実際にはフォームエリアにはanimalと表示されていますが、検索アクションがされない状態です。 私はjavascriptなど勉強中の初心者なので調べてみているのですが、これを自動で表示させるには、form部分にonChange="○○○"、javascript側にwindow.onload = function(){ ○○○();}というものを使えばできるような感じでしたが、どうにもうまく動きません。 もしご教授頂けるという方がいらっしゃったら是非お願いしたいです。宜しくお願いいたします。
- ベストアンサー
- JavaScript
- アクセスの自動入力フォームに手動で入力したい
初心者ですが、ネットで調べながらaccess2013で、納品書フォームを作りました。 納品書明細テーブルと商品マスタテーブル（商品コード、品番、単位）を納品書明細クエリで紐づけしてフォームを作成しました。商品コードを入力すると、自動的に品番と単位が入るようになっています。 ここで、商品コードがついていない商品（商品マスタに含まれず、今後登録する予定もない）も品番と単位の欄に手動で入力できるようにしたいのですが、可能でしょうか。 今手動で入力すると「フィールド'商品コード'とキーが一致しているレコードをテーブル'商品マスタ'で探すことができません」とエラーが出てしまいます。 ご教示いただけましたら幸いです。よろしくお願いいたします。
- 締切済み
- Access（アクセス）
- ACCESS フォームの入力で
フォームの入力でコード番号を入力すると項目が自動入力出来るようにしたくて 2つ目のテキストボックスのコントロールソースに=DLookUp("[商品名]","テーブル2","[商品コード] = [コード] ")と入力したのですが 1つ目のテキストボックスに入力すると そのときは2つ目のテキストボックスは白紙で 一度フォームを閉じてから立ち上げると2つ目のテキストボックスにも入力されています。 これは閉じないと入力されないのでしょうか？ 1つ目を入力した後に表示されるようにしたいのですが・・・。 よろしくお願いします。
- ベストアンサー
- オフィス系ソフト
- ＜フォーム内 商品番号 自動入力機能 に関する質問＞
＜フォーム内 商品番号 自動入力機能 に関する質問＞ メモ帳に、htmlで作成した、10商品程度の商品紹介ページがあります。 各商品には、商品番号がついていて、それぞれに問い合わせボタンを つけ、お問い合わせフォームにリンクをつけて、いずれも同じCGIフォーム へのリンクのため、商品番号はお客様に手入力をしてもらっています。 問い合わせボタンを押すとフォーム中で商品番号が自動入力 されるようにしたいと思っていますが、htmlを追加するだけで 簡単にできるものでしょうか。 ASPのショッピングカートをつける際に、各商品のところに 数行のhtmlを追加してカートへのリンクをつけるだけ だったため、同じような作業でできるのであれば 挑戦してみたいと思いました。 それとも、プログラミングなどの技術がないと難しいものなので しょうか・・・・ 現在、お問い合わせフォームへのリンクの部分はこのように なっています。 ファーストサーバのフォームCGIを使っています。 サーバのサポートにきいてみたら、希望しているような 機能やツールはないということでした。。。 <a href="https://www.自分のサイト/FS-APL/FS-Form/form.cgi?Code=otoiawase" target="_blank"> <img src="問い合わせボタンの画像.gif"> </a> よろしくお願いします！
- 締切済み
- JavaScript
- ブラウザのフォームに自動入力させたい。
あるサイトをブラウザで見た時に、ページのブランクのフォームが用意されていてボタンを押すと、値（例えば名前とか住所）が自動入力される、という処理はどうしたら、実装できるでしょうか？また、それはjava、あるいはjavascriptで実装できるでしょうか？ イメージとしてあるのは、下記のページの商品申し込みページのWeb会員としてログインした後の情報の入力です。 https://umaimizu.jp/index.aspx よろしくお願いします。
- ベストアンサー
- その他（プログラミング・開発）
- 入力フォームで入力出来る文字を半角英数に制限する
いつもお世話になっています 問合せフォームを作成しているのですが、自分で携帯でアクセスしてみた時に、 電話番号など、数字しか入力する必要の無いフォームにフォーカスするとき、 いちいち半角英数を選び直さなければならないのが不便に感じます。 入力フォームにフォーカスすると、自動的に半角英数に入力文字が 切り替わるようなサイトに入ったことがある気がするのですが、 Perlを使ったCGIで設定することは出来るでしょうか？ 携帯向けを考えているので、Javascriptでは設定出来ません。 作成している入力フォームはPerlで書かれている、KENTWEBの送信フォームCGIスクリプトです。 宜しくお願いいたします。
- ベストアンサー
- CGI
- フォームからHTML更新
CGI初心者です。 今度自分の運営するHPで、情報コーナーを作ろうと思っています。 情報を持つ人が入力専用フォームからデータを入力し、それをあるページの一部にiframeとかで新着数件分を表示させたいと思っています。 HTMLでの入力フォームの作成くらいはできるのですが、そのフォームを送信して、iframeに表示するHTMLを作成するにはどうしたらいいかわかりません。漠然とCGIを使えばできるんだろうなという程度の知識です。 このようなのは何かサンプルコードのようなものがあるのでしょうか？ もしくは何かおすすめの参考書などはありませんか？ ちなみにコーディングの知識は、perl・C・JavaScriptなどの簡単なコードを読むことができる程度です。 よろしくお願いいたします。
- ベストアンサー
- CGI
お礼
ご親切に細かな説明ありがとうございました。 これで出来そうです。 もっとJavaを勉強したいと思います。 また、機会がございましたら宜しくお願い致します。 感謝しております。