显示所有选定的数据

Question

每次用户使用下拉列表添加某个员工时，都会添加并显示该员工。这是我的代码。

<p id="employeeData"></p>
<center>
    @Html.DropDownList("employee")
    <input type="button" value="Add" onclick="insertNew();" />
</center>


<script type="text/javascript">
    function insertNew() {
        var emp_data = [];
        //getting the selected value
        var emp_name = document.getElementById("employee");
        var selected_value = emp_name.options[emp_name.selectedIndex].value;
        var selected_text = emp_name.options[emp_name.selectedIndex].text;
        // getting the id where to show the output
        var messageBox = document.getElementById("employeeData");

        emp_data.push(selected_text);
        messageBox.innerHTML = "";
        messageBox.innerHTML += " " + emp_data + "<br/>";
    }
</script>

然而，我期待的输出并没有实现。仅显示当前选定的数据，并替换上一个数据。

任何想法？

感谢。