PHP/javascript的onchange不工作与文本区域

我有这个javascript函数的问题，但我不确定到底是怎么回事。使故事简短;我用select做了一个下拉列表，有几个选项(项目名称)。这些选项取自数据库。每个项目都有一个名称(在下拉列表中列出)和内容。内容应该被加载到一个文本区域。现在这是我做的部分，并工作。

然而，问题是，当我改变一个项目的内容(在文本区)，下拉列表停止工作。我仍然可以点击它并切换到另一个项目，但该项目没有加载。

这是我的javascript

<script>
        function getContent()  {
            var mail = document.getElementById("email").value;
            var project = document.getElementById("projects").value;
            var xhr;
            if (window.XMLHttpRequest) { // Mozilla, Safari, ...
                xhr = new XMLHttpRequest();
            } else if (window.ActiveXObject) { // IE 8 and older
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            var data = "project=" + project+  "&email=" + mail;
            xhr.open("POST", "/includes/projects.php", true);
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            xhr.send(data);
            xhr.onreadystatechange = display_data;
            function display_data() {
                if (xhr.readyState == 4) {
                    if (xhr.status == 200) {
                        //alert(xhr.responseText);
                        document.getElementById("projectcontent").innerHTML = xhr.responseText;
                    } else {
                        alert(xhr.status);
                    }
                }
            }
        }
    </script>

这是我的下拉框和文本区

<form>
<select id="projects" onchange="getContent()"><option>Select project</option>
        <?php
        foreach($projects as $project)
        {?>
            <option value="<?php echo $project['id'];?>"><?php echo $project['name']; ?></option>
        <?php
        }
        ?>
 </select><input type="hidden" id="email" value="<?php echo $_SESSION['user']; ?>" /></form><br />
<textarea id="projectcontent"></textarea>

这里出了什么问题?为什么getContent函数在开始时工作，但当我更改文本区域的内容时，它停止工作?