easyui combobox省市县的级联案例
javascript:
02 | var province = $( '#province' ).combobox({ |
06 | url: 'cascade-data.php' , |
07 | onChange: function (newValue, oldValue){ |
08 | $.get( 'cascade-data.php' ,{parentid:newValue}, function (data){ |
09 | city.combobox( "clear" ).combobox( 'loadData' ,data); |
10 | county.combobox( "clear" ) |
15 | var city = $( '#city' ).combobox({ |
19 | onChange: function (newValue, oldValue){ |
20 | $.get( 'cascade-data.php' ,{parentid:newValue}, function (data){ |
21 | county.combobox( "clear" ).combobox( 'loadData' ,data); |
26 | var county = $( '#county' ).combobox({ |
后台代码PHP:
2 | $parentid = isset( $_GET [ 'parentid' ]) ? $_GET [ 'parentid' ] : 0; |
3 | $mysql = new SaeMysql(); |
4 | $sql = "SELECT * FROM `area` where parentid=$parentid order by vieworder" ; |
5 | $data = $mysql ->getData( $sql ); |
6 | echo json_encode( $data ); |
鉴于有人提到要初始化就选中第一个:
那么你可以给combobox都加上onLoadSuccess:onLoadSuccess,onLoadSuccess方法内容如下:
1 | function onLoadSuccess(){ |
3 | var data = target.combobox( "getData" ); |
4 | var options = target.combobox( "options" ); |
5 | if (data && data.length>0){ |
7 | target.combobox( "setValue" ,fs[options.valueField]); |
区县sql数据:
area.zip