国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

ホームページ バックエンド開発 PHPチュートリアル 最初のドロップダウンの選択に基づいて 2 番目のドロップダウン メニューに自動変更オプションを実裝するにはどうすればよいですか?

最初のドロップダウンの選択に基づいて 2 番目のドロップダウン メニューに自動変更オプションを実裝するにはどうすればよいですか?

Oct 21, 2024 am 06:45 AM

How to Implement Auto-changing Options in Second Dropdown Menu Based on First Dropdown Selection?

最初のドロップダウンの選択に基づいて 2 番目のドロップダウン メニューのオプションを自動変更する

複數(shù)のドロップダウン メニューを作成する場合、2 番目のドロップダウン メニューのオプションはメニューは最初のメニューでの選択に依存しますが、データベースに依存せずにこれを実現(xiàn)することも可能です。

初期設定

最初のドロップダウン メニューは、カテゴリのリストを表示し、2 番目のドロップダウンには、選択したカテゴリに関連付けられたアイテムが表示されます。

最初のドロップダウン:

<select name="カテゴリ"></p>
<pre class="brush:php;toolbar:false"><option value="0">None</option>
<option value="1">First</option>
<option value="2">Second</option>
<option value="3">Third</option>
<option value="4">Fourth</option>


2 番目のドロップダウン:

<select name="items"><br></select><br>

2 番目のドロップダウンの動的オプション

最初のドロップダウンでの選択に基づいて 2 番目のドロップダウンのオプションを更新するには、選択したカテゴリを PHP スクリプトに送信する AJAX 関數(shù)が必要です。

AJAX 関數(shù):

<script type="text/javascript"></p>
<pre class="brush:php;toolbar:false">function ajaxfunction(parent)
{
    $.ajax({
        url: 'process.php?parent=' + parent;
        success: function(data) {
            $("#sub").html(data);
        }
    });
}


この関數(shù)は、最初のドロップダウンの onchange イベントに付加されます。

HTML に、動的に生成されたオプションを表示するために、ID が「sub」の別の select 要素を配置します。

<select onchange="ajaxfunction(this.value)"></p>
<pre class="brush:php;toolbar:false"><!-- Options would have been initially populated here -->