第二個選擇框沒有填充數據？

Question

我有兩個選擇框。根據在firstbox中選擇的值，從mysql數據庫填充secondbox值。我谷歌很多，但我沒有找到答案任何人都可以給我建議/解決方案。

我的代碼： 第一選擇框：

<select name="specialities" id="specialities"> 
<option value="select">-------select-------</option> 
<option value="psychiatry">psychiatry</option> 
<option value="sleep">sleep</option> 
<option value="nuerology">nuerology</option> 
<option value="pulmonary">pulmonary</option> 
<option value="git">git</option> 
<option value="general">general</option> 
<option value="ent">ent</option> 
<option value="cvs">cvs</option> 
<option value="breast">breast</option> 
<option value="reproductive_male">reproductive_male</option> 
<option value="reproductive_female">reproductive_female</option> 
</select> 

這就是從DB populted數據的DIV：

<div> 
<select id="main"> 
    <option>----------------------------</option> 
</select> 
</div> 

我的選擇框的人口jQuery代碼：

<script> 
$(document).ready(function() { 
$("#specialities").change(function(){ 
    var spl = $(this).val();   
      $.ajax( 
       "doctor_details.php", 
       {spl : "spl"},    
       function(data) { 
       $('#main').html(data);  
      }); 
    </script> 

我的PHP頁面doctor_details.php：

$sql = "select * from doc_work_details where specalities='$_REQUEST[spl]'"; 

      $result = mysql_query($sql); 

      while($row = mysql_fetch_array($result)) 
       { 

       echo '<option>'.$row['firstname'].'&nbsp;'.'&nbsp;'.'&nbsp;'. $row['qualification']. '&nbsp;'.'&nbsp;'.'&nbsp;' 
        .$row['specialization'].'</option>'; 

       } 

預先感謝您 Ramsai