• 締切済み

リストボックスから自動検索

お世話になります  質問する場所がここなのか怪しいですがよろしくお願いします 旅行用に国内の情報を入力、保存して検索できるシステムを作っています 現在リストボックスが2つあり、1個目のリストボックスにはデータベースより都道府県リストが入力されています。 2個目のリストボックスには1個目で選択した都道府県内の市区町村をデータベースから追加して表示したいのですが、 どうプログラムを作ればいいのかわかりません ご存知の方いましたらご教授お願いします HTML JavaScript PHPを使用して作成中です

  • HTML
  • 回答数2
  • ありがとう数3

みんなの回答

  • x_jouet_x
  • ベストアンサー率68% (162/236)
回答No.2

「都道府県」ー「市町村」という分類が異なりますが、私はExt JSを利用して「地方」ー「都道府県」ー「詳細地域」のリストボックスを作成しています。 下記URLで動作を確認できると思います。 http://ajax-world.sakura.ne.jp/extjs/combobox/04/sample.html 作成方法としては回答#1さんが提示して下さったものと同様です。 ただし「都道府県」が選択される前に「市町村」を選択しようとした場合の処理は考える必要がありそうですね。

ao-sakana
質問者

お礼

ありがとうございます。 僕が今思っている表示がまさにそれです。 Ext JSの存在を知らなかったので使ってみようと思います。

  • shimiham
  • ベストアンサー率0% (0/1)
回答No.1

都道府県のリストボックスの内容を監視し、変更があれば随時関数を呼び出して市町村のリストボックスの内容を書き換えるJavaScriptという事でしょうか。 都道府県のリストボックスにonchangeを設定し、Ajaxでデータベースと通信して市町村のリストを受け取って市町村用のリストボックスの中身を置き換えるというのはどうでしょうか。 私なら「データベースから市町村リストを引っ張ってきてJSON形式で出力するPHP」とprototype.jsのAjax.Updaterを使います。

ao-sakana
質問者

お礼

ありがとうございます。 処理の流れがまった思いつかなかったので助かりました。 >都道府県のリストボックスにonchangeを設定し、Ajaxでデータベースと通信して市町村のリストを受け取って市町村用のリストボックスの >中身を置き換えるというのはどうでしょうか。 このやりかたで作ってみようと思います また、JSON形式やprototype.jsなど知らない言葉があるので調べてみようとおもいます。

関連するQ&A

  • リスト追加

     HTML画面で、テキストフィールドに文字を入力し、 ボタンを押すと、入力した文字列がリストボックスに追加されるJavaScriptを作りたいのですが、良くわかりません。  いろいろ、JavaScriptのサイトに行って、  探してみましたが、そういったサンプルが見当たりません。  どうか、お教えください。おねがいします。

  • EXCELで検索用のリストBOXを作りたいのですが

    お世話になっております。 EXCELで検索用のリストBOXを作りたいのですが、作り方を教えていただけないでしょうか? 現在、以下のような表がありまして、 顧客番号 会社名 都道府県 住所  TEL 001    A社   東京    ○○   ×× 002    B社   静岡    △△   □□ この表の上にツールボックスのリストボックスかコンボボックスを作って検索をかけたいのです。 リストボックスに会社名を入力すると(会社名の一部でも可)ヒットしたリストが出てきて、選択した会社の行がフィルタリングされて表示するようにさせたいのですが、そのような事が出来るのでしょうか? 宜しくお願いします。

  • HTML の リストボックス の件

    HTML で <select></select> を使って リストボクスを表示できますが、 初めから開いているリストボックス(size=n)ではない 一行のリストボックスで、開いたときの行数を指定できるのか わかる方、お願いします HTML のみでなくても、javascript 使用でもかまいません

  • 携帯サイトのリストボックス

    携帯サイトを作っていて、全都道府県を入力してるリストボックスを設置したいのですが、PCで見た場合はちゃんとリストボックスで出てるのですが、携帯で見るとリストボックスじゃなくて、都道府県が文字で縦に連なってしまっています。 横にはOで押すボタンがあるんですけど・・。 携帯でもうまく表示させるタグってご存知ですか?

  • リストボックスで表示

    例えばhtmlページに [ID、名称(text)]、[あ、い(リストボックス)] があってID,名称を入力して(その下に3つぐらい項目があって) リストボックスで「う」、「え」 と二つあり「う」を選択したら本かパソコンを入力できるようにでき、 「え」と選択したら同じように選択できるようにはどうしたらいいですか。 なお表示されるページはリストボックスの中を変えたら表示される (同じhtml内で) 本を選択したらID,名称,本(リストボックス)であとは見えなくする(Focus)にはどうしたらいいですか もしかしてこれってjavascriptじゃないとできない?

  • JavaScriptを用いてテキストボックスをコントロールしたいのですが…

    閲覧ありがとうございます。 今回、PHPとJavaScriptを用いてとあるシステムの開発を使用と考えています。  そのシステムには不特定多数の入力項目があり、テキストボックスに何か(情報)を入力することで、また新たなテキストボックスを生成し、次々と情報を入力できるようにしたい。また、エクセルの表のようなもので入力するのもいいかなと考えているのですが可能ですか?  次にその値をデータベース(PostgreSQL)に格納したい、また、PHPのフォーム処理は可能ですか?  ご意見ご感想、また、やり方などを教えて頂きたいです。

  • データベースを検索するホームページ作成

    ホームページ作成の初心者(これから作ろうと思ってます。)ですが。 データベース(顧客リスト)より都道府県&市区町村を入力(選択)すると選択したもの だけを抽出するようなホームページを作りたいのですが、初心者にも簡単に作成できるようなソフトはありますか? よろしくお願い致します

  • PHPのみで、動的なセレクトボックスの実現方法 携帯サイト

    PHP5.1.2 smarty html_options利用 携帯サイトにて、1つのセレクトボックスを選択すると、 2つめのセレクトボックスが動的に変わるということを実現したいです。 携帯サイトなので、javascriptは利用不可です。 よくある、都道府県を選択するとその市区町村が出てくる というようなものです。 実現方法について教えてください。 PHPでsubmitしたことにすることはできるのでしょうか?

    • 締切済み
    • PHP
  • セレクトボックスのデータをリストボックスへ書き出す

    javascript初心者です。よろしくお願いします。 まず年月日を3つのセレクトボックスで作成する。 追加ボタンを押すと、選択した年月日のデータをリストボックスに書き出すことができる。 ※ここでリストボックスのサイズは3に指定しておき、項目が3以上の場合はスクロールさせる。 さらに削除ボタンを作成し、リストからデータを削除できるようにする。 以上のような仕組みを作りたいのですが... どうかよろしくお願いいたします。

  • リストボックスで表示されている値を取得したい!

    たびたびお世話になります。 まだまだ勉強中で、調べても分からないので、質問させていただきます。 よろしくおねがいいたします。 Smarty + php で画面をつくっています。 リストボックスに、phpで設定した値をだしています。 設定しているのはKey と 値です。 0 りんご 1 みかん のように。 画面でリストボックスから選択すると、りんご やみかん のように値がみえますが、PHPで値を取得すると 0 や 1 のKeyです。 PHP側での処理で、Key と 値の両方を使いたいのです。 このため、画面のリストボックスの横にhiddenでテキストボックスを追加し、選択されたタイミングでTPL内のJavaScriptで、値をテキストボックスに設定し、画面終了時にPHPへPOST渡しをしようと考えました。 <select onblur="fnGetName(this)"~ とすると、キーの方しか取得できません。 どうすれば、和名(値)を取得できるのでしょうか 説明が下手ですみません。 よろしくお願いいたします。

専門家に質問してみよう