省市县的级联案例

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]);
	}
}