省市县的级联案例

来源：互联网发布：软件正确性验证编辑：程序博客网时间：2024/04/28 02:39

javascript::

$(function(){var province = $('#province').combobox({valueField:'areaid',textField:'name',editable:false,url:'cascade-data.php',onChange:function(newValue, oldValue){$.get('cascade-data.php',{parentid:newValue},function(data){city.combobox("clear").combobox('loadData',data);county.combobox("clear")},'json');}});var city = $('#city').combobox({valueField:'areaid',textField:'name',editable:false,onChange:function(newValue, oldValue){$.get('cascade-data.php',{parentid:newValue},function(data){county.combobox("clear").combobox('loadData',data);},'json');}});var county = $('#county').combobox({valueField:'areaid',textField:'name',editable:false});});

后台代码PHP：

<?php$parentid = isset($_GET['parentid']) ? $_GET['parentid'] : 0;$mysql = new SaeMysql();$sql = "SELECT * FROM `area` where parentid=$parentid order by vieworder";$data = $mysql->getData( $sql );echo json_encode($data);

鉴于有人提到要初始化就选中第一个：

那么你可以给combobox都加上onLoadSuccess:onLoadSuccess,onLoadSuccess方法内容如下：

function onLoadSuccess(){var target = $(this);var data = target.combobox("getData");var options = target.combobox("options");if(data && data.length>0){var fs = data[0];target.combobox("setValue",fs[options.valueField]);}}