select 联动

源码：

(function($){
	$.fn.selectUnion = function(option){
		var $this = this,
			$select = $('#'+option.slave),
			$dependence = option.dependence;
		if($this.length != 1 && $select != 1) throw new Error("master or slave selectors can't point to a certain HTML element!");
		$this.change(function(){
			var val = $this.val();
			$select.find('option').hide();
			$select.find('option['+$dependence+'="'+val+'"').show();
			if($select.find('option['+$dependence+'="'+val+'"').length == 0) 
				$select.find('option[value="0"').attr('selected','selected');
			else
				$select.find('option['+$dependence+'="'+val+'"').attr('selected','selected');
		});
	}
})(jQuery);

调用：

<form action="<?php echo U('Admin/Transit/index'); ?>" method="post" οnclick="return checkSearch();">
	<td colspan="2">
		所属行政区：
		<select id="select1" name="area1">
			<option value="0">选择行政区</option>
			<?php
				foreach ($area as $k => $v) {
					if($v['area_parent'] == 0){
						echo '<option value="'.$v['area_id'].'">'.$v['area_name'].'</option>';
					}
				}
			?>
		</select>	
	</td>
	<td colspan="2">
		所属片区：
		<select id="select2" name="area2">
			<option value="0">选择片区</option>
			<?php
				foreach ($area as $k => $v) {
					if($v['area_parent'] != 0){
						echo '<option pid="'.$v['area_parent'].'" value="'.$v['area_id'].'">'.$v['area_name'].'</option>';
					}
				}
			?>
		</select>
	</td>
	<td colspan="2">
		<input style="width:150px;" type="text"  name="keywords" value="" placeholder="名称/地址/CLID/负责人..." />
		<input type="submit" value="搜索" />
	</td>
</form>
$(function(){
	$('#select1').selectUnion({
		slave : 'select2',
		dependence : 'pid'
	});
});