使用Ajax填充下拉菜單

Question

我正在使用我在網上找到的一些代碼成功填充下拉列表。我的問題是這樣的，我需要下拉菜單還有另一個選項「其他」。並通過選擇其他我想顯示文本框。我將如何修改下面的腳本來實現這一目標？和

<?php 
$option = array(); 
foreach($rsCity as $key=>$value) { 
    $option[$value['City']['id']] = $value['City']['name']; 
} 
echo $this->Form->input('register.CityID', array(
    'options'=>$option, 
    'empty' => 'Select', 
    'label'=>false, 
    'selected'=>'', 
    'style'=>'width:150px', 
    'div'=>false 
)); 
?> 

日Thnx

Answer 1

你是最好關閉在瀏覽器中執行此操作，如使用jQuery。

將其他選項添加到選項數組中。

注意要改變的選擇框，如果值是其他值，則顯示文本框以輸入額外的信息。

所以像

if($(this).attr('value') === 'Other'){ 
    $('#other').show('slow'); 
}