jQuery 連動プルダウンの値をサーバーから取得する方法

プログラミング
スポンサーリンク

select ボックスにおける基本的な動作のサンプルです。

あるセレクトボックスで値を選ぶと、その他のセレクトボックスが連動して、該当する値しか表示しなくなります。

値はサーバーから持ってくる形にしました。プルダウンの値をサーバーから持ってくるものが少なかったので忘備録的。

スポンサーリンク

jQuery部分のサンプルコード

jQuery部分です。HTML部分に記入する。getdata.phpファイルを呼び出します。

 

Select部分

セレクトの部分です。結構長くなってしましました。セレクトの中にPHPを入れて,そこからJavascriptを呼び出します。こちらは表示したい部分に記載してください。

呼び出す.phpファイル

サーバーに接続してデータを呼び出すgetdata.phpファイルを別で作ります。この時phpファイルの中にコメントを書くとなぜかうまくいかないのでコメントは書かない方が無難です。

まとめ

jQuery 連動プルダウンの値をサーバーから取得する方法はいかがでしたでしょうか?

意外に使う場面が多いと思いますので是非参考にしてください。

コメント