非常にシンプルなJSリンケージコードですが、jQueryと組み合わせて使用する必要があります。また、JSライブラリを必要としないコードに自分で変更することもできます。
次のようにコードコードをコピーします。
<tr>
<th>第1レベルの分類</th> <td>
<select name = "subsidary_cat_id" onchange = "linkage('。subsidary_cat_id '、'。cat_id ');">
<オプション> </option>を選択してください
</select>
<スクリプト言語= "javascript">
var linkage_data = {$ list_file_category}; //初期化レベルデータ、{$ list_file_category}
関数リンケージ(parent_dom、son_dom){
var parent_id = 0;
if(parent_do){
paint_id = $(parent_do);
}
$(son_dom).empty(); //最初にドロップダウンをクリアします
var html = '<option> </option>'を選択してください。
$ .each(linkage_data、function(key、value){
if(value.parent_id == paint_id){
html+= "<option value = '"+value.id+"'>" "+value.name+" </option> "";
}
});
$(son_dom).append(html);
}
linkage( ''、 "。subsidiary_cat_id")//上部レベルのノードではなく、データの最初のレベルとして示されています
</script>
</td> </tr>
<tr> <th>セカンダリディレクトリ</th> <td>
<name = "cat_id">を選択します
<オプション> </option>を選択してください
</select> </td> </tr>