カテゴリを階層ごとにselectに出力して連動させる
拙著「株はタイミングで儲けなさい」が発売されました。 過去20年間の株価データを元にバックテストを行い、どのようなタイミングで株を買うのが良いかを解説しています。 自由国民社刊で、定価1,512円(消費税込み)です。 MTQに「親カテゴリと子カテゴリの連動出力」という質問が上がっていました。 この質問に答えてみます。 1.質問の内容 例えば、以下のような階層のカテゴリがあるとします。 関東 東京都 神奈川県 埼玉県 千葉県 関西 大阪都 兵庫県 京都府 この時に、親カテゴリと子カテゴリをそれぞれselectに出力し、親カテゴリを1つ目のselectで選択すると、その親に対応する子カテゴリのみを、2つ目のselectで選択できるようにしたいということです。 例えば、1つ目のselectで「関東」を選ぶと、2つ目のselectでは「東京都」「神奈川県」「埼玉県」「千葉県」のみ選択できるようにし
フォームのselect要素内をインスタンス検索出来るようにし、美しいデザインにも変更できるjQueryプラグイン・Chosen - かちびと.net
結構便利そうだったのでご紹介。フォームの select要素内に羅列されたoptionから、入力 するだけで結果を表示するインスタンス検索 を可能にするスクリプト・Chosenです。表題 にはjQueryプラグインと書きましたが、この スクリプトにはjQueryプラグインとprototype の2つが用意されています。 optionの量が多くなってしまうことはよくあるので、この手のユーザビリティ向上系スクリプトは多く存在しますが、これはかなり便利ではないかなと思いました。似たようなのもうあるんですかね。 通常のselectボックスでプルダウンさせると検索窓も表示、キーワードを入れるだけでソートしてくれます。いわゆるインスタンス検索が可能になるので大量のoptionが存在してもユーザーの利便性を全く損ないません。 デモ見たほうが早いですね。※追記：日本語だとFirefoxのみ動かないみたい。英
Dynamic Dependent Select Box using Jquery and Ajax
How to do dynamic dependent select box using Jquery, Ajax, PHP and Mysql. Dependent select box when a selection is made in a "Parent" box it allow to refresh a "child" box list data. In this post I had given a database relationship example betweent "catergory" and "subcategory". It's very simple jquery code hope you like this. Download Script Live Demo Database Sample database tables. Data tab
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
