PHP はセカンダリ連携メニューを実装します-PHPの問題-php.cn

PHP はセカンダリ連携メニューを実装します

藏色散人

リリース： 2023-03-06 09:32:02

オリジナル

4047 人が閲覧しました

php メソッドを使用してセカンダリリンケージメニューを実装します。まず、大きなカテゴリの値に従って、その値をバックグラウンド PHP に渡し、jQuery を介して処理します。次に、PHP を使用して MySQl データベースにクエリを実行し、対応するデータを取得します。小さなカテゴリ; 最後に、フロントエンド処理のみに JSON データを返します。

PHP はセカンダリ連携メニューを実装します

推奨: 「PHP ビデオチュートリアル」

jq php mysql でセカンダリメニューの連携を実現

二次リンクのドロップダウンメニュー選択は、都道府県と都市のドロップダウンリンクや製品サイズのドロップダウン選択リンクなど、多くの場所で使用されます。

大カテゴリが選択されると、それに応じて小カテゴリのドロップダウンボックスのオプションの内容も変更されるという効果が得られます。実装原理: 大カテゴリの値に従って、値は jQuery を介して処理するためにバックグラウンド PHP に渡されます。PHP は MySQl データベースにクエリを実行して、対応する小カテゴリを取得し、処理のためにフロントエンドに JSON データを返します。

html:

<label>大类：</label>
<select name="bigname" id="bigname"> 
<option value="1">前端技术</option> 
<option value="2">程序开发</option> 
<option value="3">数据库</option> 
</select> 
<label>小类：</label> 
<select name="smallname" id="smallname"> 
</select>

ログイン後にコピー

jQuery

<script>
    $(function(){ 
        getSelectVal(); 
        $("#bigname").change(function(){ 
            getSelectVal(); 
        }); 
    })
function getSelectVal(){ 
   $.getJSON("server.php",{bigname:$("#bigname").val()},function(json){                   
   var smallname = $("#smallname"); 
   $("option",smallname).remove();    
   $.each(json,function(index,array){                        
    var option = "<option > > value=&#39;"+array[&#39;id&#39;]+"&#39;>"+array[&#39;title&#39;]+"</option>";    
    smallname.append(option); 
    }); 
    }); 
 } 
</script>

ログイン後にコピー

php データの取得とは、大カテゴリの ID に基づいてデータベースから小カテゴリを取得し、それを返すことです。 json形式で。

以上がPHP はセカンダリ連携メニューを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。