jquery+下拉表實現簡單的聯動查詢

摘取部分代碼：

    <tr>

      <td align="right">活動名稱：</td>

      <td align="left">

      <select id="activeID" name="activeID">

      <option value="">請選擇</option>

      <{foreach from=$demandOption item=p key=k}>

      <option value="<{$p.id}>"><{$p.name}></option>

      <{/foreach}>

      </select>

      </td>

      <td align="left" class="tip-error"></td>

    </tr>

    <tr id="awardList">

<td width="18%" align="right">獎品名稱：</td>

<td width="54%" align="left">

        <select id="awardID" name="awardID">

        </select>

        </td>

<td width="28%" align="left" class="tip-error"></td>

</tr>

jquery部分：

<script type="text/javascript">

$(function(){

$("#awardList").hide();

$("#activeID").change(function(){ 

var aid=$(this).find('option:selected').val();

$.post("index.php?mod=announce&op=AddlotterySerial&action=showList",{aid:aid},function(options){

if(options){

$("#awardList").show();

$("#awardID").html(options); 

}

});

}); 

}); 

</script>

PHP部分：

if('showList'== $admin->action){

$aid=$_POST['aid'];

$listArr = $Lottery -> announceSelect('id,award', TB_F_LOTTERY_AWARD, "active_id=$aid", 'more');

$options="<option value=''>請選擇</option>";

if($listArr){

foreach($listArr as $k=>$v){

$options.="<option value=".$v['id'].">".$v['award']."</option>";

}

}

echo $options;

exit;

}