jquery - 第二个选择框没有填充数据？

Question

我有两个选择框。根据在第一个框中选择的值，第二个框的值是从 mysql 数据库中填充的。我谷歌了很多，但我没有找到答案，谁能给我建议/解决方案。

我的代码：第一个选择框：

<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 中填充数据的 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 页面医生_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>';

              }  

提前谢谢你拉姆塞

Answer 1

例如，调用 $.ajax() API 的典型方法是

 $.ajax({
      type: "POST",
      url: "Default.aspx/GetDate",
      data: "{}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(msg) {
        // Replace the div's content with the page method's return.
        $("#Result").text(msg.d);
      }
    });

Answer 2

我不是 jQuery 方面的专家，但是在你的doctor_details.php页面中，你是否回显了一个

<select> .... </select> 

之前和之后？