JavaScript+PHP アプリケーション 1: Web ページ_PHP チュートリアル-PHPチュートリアル-php.cn

JavaScript + PHP アプリケーション 1: Web ページ制作における二重ドロップダウンメニューの動的実装
--- インターネットからの抜粋
Web ページ制作では、メインのドロップダウンメニューの選択を通じて、このような状況によく遭遇します。サブドロップダウンメニューは動的に生成されます。例：メインメニューには「フォーカスニュース」、「ライフスタイル」、「ムードストーリー」の3つがあり、「フォーカスニュース」を選択すると、「国内」、「海外」、「スポーツ」などのサブメニューが自動生成されます。」、「エンターテイメント」など。
JavaScriptを使用すると、上記の効果を簡単に実現できます。しかし、問題は、メニューのオプションがデータベース (または他のファイル) から動的に抽出される場合、実装が簡単ではないことです。筆者の実践経験をもとに、javascript + phpを使った実装方法を紹介します。この記事のデータベースはmysqlを使用しています。この例では、フォームを送信するたびにメニューオプションの前の選択状態に戻る方法も紹介します。
記事内で紹介されているphpの機能はデータベースからメニューオプションを抽出することであり、もう1つの機能はJavaScriptコードを生成することです。読者は、ASP など、使い慣れた独自のインタープリター言語を使用できます。
コードを簡素化するために、メインメニューは HTML で構築されていると仮定しています。サブメニューは動的なデザインが必要なため、HTML コードは次のとおりです。