选择的多选小部件在MVC 4中的提交表单上被清除

Question

我在MVC视图上使用以下html使用选定的multiselect小部件。

@Html.DropDownListFor(m => m.Branch, new SelectList(ViewBag.Branches, "Value", "Text"), new { @class = "chzn-select-deselect", data_placeholder = "Select Branch", @multiple = "true" })

我在具有输入类型提交的视图上有刷新图标； 在点击我有以下代码。

$("#dbRefresh").click(function (e) {
        e.preventDefault();
        var Form = $("form[id='FrmDashBoard']");
        Form.validate();
        if (Form.valid()) {
            Form.find('ul').empty();
            var fromDate = $("#FromDate").val();
            var toDate = $("#ToDate").val();
            var BranchList = $("#Branch").val();//chosen multiselect widget                
            var BranchString = "";
            if (BranchList != null)
                $.each(BranchList, function (index, item) {
                    BranchString += item + ",";
                });

            if (BranchString.length > 0)
                BranchString = BranchString.slice(0, -1);
            $.ajax({
                type: "POST",
                url: '@Url.Action("SetDashBord_DateFilter", "Home")',
                dataType: "json",
                data: { FromDate: fromDate, ToDate: toDate, Branches: BranchString }
            });
            DisplayPOXOrderStatistics(fromDate, toDate, BranchString);
            DisplayPOXCompletedOrdersData(fromDate, toDate, BranchString);
            DisplayHSTOrderStatisticsData(fromDate, toDate, BranchString);
            DisplayPOXCompletedOrderPieChart(fromDate, toDate, BranchString);
            DisplayCurrentYearlyTrends(BranchString);
        }
        $("#Branch").trigger("liszt:updated");
        return false;
    });

在上面调用的所有函数中，仅执行ajax调用＆onsuccess，此视图中html的某些部分已更新（某些div元素的内部html）。

我选择分支的多选时遇到的问题是，当我单击刷新按钮时； ul类别chzn-choices的所有li元素都会被清除。 由于哪个选择的窗口小部件在屏幕上显示为粗线，即由于删除li元素，ul元素的高度设置为0。 有人能建议我所选小部件出了什么问题吗？

Answer 1

我错了 在刷新图标的单击事件中，我正在清除表单中的ul元素。 这也在清除我选择的小部件ul。 我修改了刷新按钮的点击事件以删除语句

Form.find('ul').empty();

这用于清除以前显示在表单上的所有错误消息，并在有效的用户输入下继续进行操作。 现在，我使用以下代码删除了应用于控件的错误类，而不是清除ul。 因此该错误消息将从验证摘要中删除。

$('.input-validation-error')
           .removeClass('input-validation-error');
$(".validation-summary-errors")
.removeClass("validation-summary-errors")
.addClass("validation-summary-valid");