超簡単JS二級、多級連動の簡単な例

超簡単なJS連動コードですが、jqueryに合わせて、JSライブラリを選択しないコード

<tr>
  <th>    </th><td>
    <select name="subsidiary_cat_id" class="subsidiary_cat_id" onchange="linkage('.subsidiary_cat_id','.cat_id');">
      <option>   </option>
    </select>
    <script language="javascript">
    var linkage_data={$list_file_category};//       ，{$list_file_category} PHP JSON_ENCODE   ，   3   ，id,parent_id,name
    function linkage(parent_dom,son_dom){
        var parent_id=0;
        if(parent_dom){
            parent_id=$(parent_dom).val();    
        }
        $(son_dom).empty();//     
        var html='<option>   </option>';
        $.each(linkage_data,function(key,value){
            if(value.parent_id==parent_id){
                html+="<option value='"+value.id+"'>"+value.name+"</option>";
            }
        });
        $(son_dom).append(html);
    }
    linkage('',".subsidiary_cat_id")//      ，        
    </script>
    </td></tr>
<tr><th>    </th><td>
  <select name="cat_id" class="cat_id">
    <option>   </option>
  </select></td></tr>

に自分で修正してもいいです。