Php 如何在Ajax中更改HTML“select”元素的内容？

在PHP文件中有两个HTML select元素，比如list1和list2。我希望在list1的onChange事件上，list2的内容显示文本和值将通过使用Ajax调用PHP文件而改变。list2的内容将来自MySQL数据库表。怎么做

以下是我所尝试的：

<script language="javascript">
    function loadObjectsFromTypetache(typeTache)
    {
        var xmlhttp;
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("obs_id_obj").innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","ajaxRemplirObjetObsrv.php?type_tache="+typeTache,true);
        xmlhttp.send();
    }
    function Annuler() 
    {
        // Retour à la liste des enregistrements
        document.location = "<?php echo PAGE_ADMIN; ?>?action=AdminGererObservation";
    }
</script>
...
<select id="typ_tache_code" name="typ_tache_code" onChange="loadObjectsFromTypetache(document.form.typ_tache_code.value)"> // this is list1
<option value="" ><?php echo _getText('admin.obsrv.selectionnerTypeTache'); ?></option>
<?php

   for ($u=0; $u < $data['listTypeTache']['cnt']; $u++)
   {
?>
<option value = "<?php echo $data['listTypeTache'][$u]['typ_tache_code']; ?>"><?php echo $data['listTypeTache'][$u]['typ_tache_lib']; ?></option>
<?php
   }
?>
</select>
<select id="obs_id_obj" name="obs_id_obj">... // this is list2

那么在ajax调用的php url文件中写什么呢

$('#select#s1').change(function(){
  $('select#s2').load('/url')
})

/url检索：

<option value="1">Second</option>
<option value="2">Second</option>

---

你试过什么了吗？在url页面中，它会返回我有问题的响应！尝试链接选择jquery插件：