jquery 選擇類似省市縣的三級級聯

<input type="text" id="name1" name="name1" class="easyui-combobox" editable="false"/>

<input type="text" id="name2" name="name2" class="easyui-combobox" editable="false"/>

<input type="text" id="name3" name="name3" class="easyui-combobox" editable="false"/>

 

<script type="text/javascript">

     $(function(){

           selectName('#name1','#name2','#name3');

    });

  function  selelctName(level1,levle2,levle3){

        $(levle1).combobox({

             valueField:'id',

            textField:'text',

            panelHeight:'auto',

            url :'levlecombobox.josn',     

            onselect:function(record){

                 $(levle2).combobox('clear');

                 $(level3).combobox('clear');

                 $(levle2).combobx('reload','levelcombobox2'+record.id+'.josn' );

            }

      });

      $(levle2).combobx({

            valueField:'id',

            textField:'text',

           panelHeight:'auto',

           editable:false,

           onselect:function(record){

                 $(levle3).combobox('clear');

                 $(levle3).combobox('reload','levlecombobox3'+record.id+'.josn')

           }

      });

    $(level3).combobox({

        valueField:'id',

            textField:'text',

           panelHeight:'auto',

           editable:false

   });

   }

</script>