Html.ListBoxFor 显示后不显示值：无答案

【问题标题】：Html.ListBoxFor not showing values after display:noneHtml.ListBoxFor 显示后不显示值：无
【发布时间】：2015-06-21 14:06:46
【问题描述】：

如果在页面加载时显示 Div，则所有 listBoxFor 都可以正常工作。但是如果我稍后只显示 div 内容（在单击按钮期间），值就在那里，但你看不到它们。这就像 listBoxFor 仍然有 display:none 分配给文本列。

<div id="ExtraFeatures" style="display: none>
    <table>
        <tbody>
            <tr>
                <td></td>
                <td>@Html.ListBoxFor(m => m.Cp.SelectedValues, Model.Cp.Funders, new {id = "SelectFunder"})</td>
            </tr>
            <tr>
                <td></td>
                <td>@Html.ListBoxFor(m => m.Cp.SelectedDeptValues, Model.Cp.Departments, new {id = "SelectDepartment"})</td>
            </tr>
        </tbody>
    </table>
</div>

function GetInvoices() {
        $("#ExtraFeatures").show();
}

当调用 GetInvoices 时，会看到 Div，但 ListBoxFor 中没有值。如果 display:none 被删除，一切都显示正确。为了清楚起见，一些代码已被删除

【问题讨论】：

您需要包含处理按钮点击的代码。此外，您的 style 属性缺少结束引号。
缺少的右引号只是因为移动代码，样式没有内联，只是放在那里显示。

标签： html css razor

【解决方案1】：

调试剃须刀，检查通过值..

<div id="ExtraFeatures" style="display: none">
    <table>
        <tbody>
            <tr>
                <td></td>
                <td>@Html.ListBoxFor(m => m.Cp.SelectedValues, Model.Cp.Funders, new {id = "SelectFunder"})</td>
            </tr>
            <tr>
                <td></td>
                <td>@Html.ListBoxFor(m => m.Cp.SelectedDeptValues, Model.Cp.Departments, new {id = "SelectDepartment"})</td>
            </tr>
        </tbody>
    </table>
</div>

【讨论】：

如果我删除显示：没有 ListBoxFor 显示所有值，如果稍后我使用 $("#ExtraFeatures").show(); 则它们不会显示；

【解决方案2】：

我解决了，首先我删除了 div 中的 display:none 并让 @Html.listBoxFor 填充，然后我输入 $(文档).ready(函数(){ $("#ExtraFeatures").hide(); }); 现在一切正常！

【讨论】：