Javascript 显示所有选定数据

每次用户使用dropdownlist添加某个员工时，都会添加并显示该员工。这是我的密码

<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>

但是，我所期望的结果没有实现。仅显示当前选定的数据，并替换上一个数据

有什么想法吗

---

谢谢。

您的emp_数据数组仅包含当前选择的一项。相反，只需将所选的_文本附加到id=employeeData的元素，而不使用messageBox.innerHTML=清除现有的html；谢谢你的建议。为什么你选择了var_value=。。？你从不使用它，也没有理由先将所选的_文本添加到数组中。我计划将所选下拉列表的值存储到一个变量中，因为我要将所有所选数据保存到数据库中。你真的用错了方法。您应该有一个与您的模型紧密绑定的所有员工的复选框列表，并且不需要javascript。