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

藏色散人
リリース: 2023-03-06 09:32:02
オリジナル
4053 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
php
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート