源码:
(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'
});
});