DynamicOptionList リンク メニュー code_form 効果

使用する前に説明を読んでください。理解すれば、この小さな関数をすぐに実装できるようになります。


1. ==すべて表示==
このドロップダウン項目は保持または無視でき、「==すべて表示」のような内容が表示されます。 == は独自のニーズのコンテンツに置き換えることができます。value="all" 属性は追加の完全なフィルタリング表示機能を取得できます。保持することをお勧めします:)

2. ドロップダウン メニューのデータ形式, (実際の開発では、データ形式文字列はバックグラウンド プログラムによって生成できます。このデータ文字列の形式は、クエリするテーブル構造と同じである必要があります。このデータ形式文字列を取得するには、それをテンプレートに渡すだけです。すべてドロップします) -down メニュー データは、次のようにページに一度に渡され、この文字列形式を取得する方法が見つかった限り、使用する言語開発や実装とは何の関係もありません。第 1 レベルのリンクされたメニューのドロップダウン オプション。形式は (ドロップダウン オプション オプションの内容, ドロップダウン オプション オプションの値;.... ..)

"Shanghai,01; Jiangxi,02";

b. 第 2 レベルのリンクされたメニューのドロップダウン オプション (サブドロップダウン オプション オプション フィルター値、サブドロップダウン オプション オプションの内容、サブドロップダウンダウン オプション オプション値;...)

"01,徐匯区,001;01,嘉定区,002;01,黄浦区,003;02,南昌市,004;02 ,九江市,005 ;02,Shangrao City,006";

c. 第 3 レベルのリンクされたメニューのドロップダウン オプション (サブドロップダウン オプション オプション フィルター値、サブドロップダウン オプション オプションの内容、サブドロップダウン オプション オプション値;...)

"001、徐匯区 1、0001; 002、嘉定区 1、0002; 003、黄浦区 1、0003; 004、南昌市 1、 0004; 005、九江 1 市、0005; 006、上饒 1 市、0006"; オプションの内容、サブドロップダウン オプションの値;...)

最初のレベルを除きます。サブドロップダウン オプション オプション フィルター値があり、他のサブセットにはサブドロップダウン オプション オプション フィルター値があります


3. 現在のメニューである限り、N レベルのリンクされたメニューを実際に実現できます。

4. 実際の開発では、

を別のスクリプト ファイルに配置して、それを呼び出します。このように、この関数の実装は非常に簡単であることがわかります。

5. 以下に 4 つの例を示します。名前とスタイルが異なります。名前の接尾辞 (「_」アンダースコアは接尾辞の区切り文字として使用されます) は必要ありません。




コードをコピーします。 >

コードは次のとおりです:

サンプル 1:

==查看すべて==
==查看すべて==

==查看すべて==







サンプル 2:

==查看すべて==
==查看すべて==

==查看すべて==






サンプル 3:

==查看すべて==
==查看すべて==
==查看すべて==






サンプル 4:

==查看すべて==
==查看すべて==
==查看すべて==

<title>List</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <form name="myform" method="post"> <select name="sel_1" onchange="driverselect(this,'subsel_1',subopt)"> sample1: <option selected value="all"> </option>==View all==</select> <select name="subsel_1" onchange="driverselect(this,'subsubsel_1',subsubopt)"> <option selected value="all"> </option>==View all==</select> <select name="subsubsel_1"> <option selected value="all"> </option>==View all==</select> <select name="sel_2" onchange="driverselect(this,'subsel_2',subopt)"> sample2: <option selected value="all"> </option>==View all==</select> <select name="subsel_2" onchange="driverselect(this,'subsubsel_2',subsubopt)"> <option selected value="all"> </option>==View all==</select> <select name="subsubsel_2"> <option selected value="all"> </option>==View all==</select> <select name="selM_1" multiple size="5" onchange="driverselect(this,'subselM_1',subopt)"> sample3: <option selected value="all"> </option>==View all==</select> <select name="subselM_1" multiple size="5" onchange="driverselect(this,'subsubselM_1',subsubopt)"> <option selected value="all"> </option>==View all==</select> <select name="subsubselM_1" multiple size="5"> <option selected value="all"> </option>==View all==</select> <select name="selM_2" multiple size="5" onchange="driverselect(this,'subselM_2',subopt)"> sample4: <option selected value=""> </option>==View all==</select> <select name="subselM_2" multiple size="5" onchange="driverselect(this,'subsubselM_2',subsubopt)"> <option selected value=""> </option>==View all==</select> <select name="subsubselM_2" multiple size="5"> <option selected value=""> </option>==View all==</select> </form>