javascript - 单击按钮时显示 div 标签

Question

当页面加载时，下面的 div 标签应该是隐藏的。单击按钮时应显示 div。我正在使用 asp.net mvc 剃须刀

<div id="field">
        @Html.LabelFor(model => model.createSetting.Name)
        @Html.TextBoxFor(model =>model.createSetting.Name, new { @class = "span6 m-wrap" })
        @Html.ValidationMessageFor(model => model.createSetting.Name)

        @Html.LabelFor(model => model.createSetting.ExternalCode)
        @Html.TextBoxFor(model =>model.createSetting.ExternalCode, new { @class = "span6 m-wrap"})
        @Html.ValidationMessageFor(model => model.createSetting.ExternalCode)
</div>
<input type="button" value="Add Setting" id="btnAddSetting" class="btn green"/>

Answer 1

将您的 div 设置为最初隐藏：

<div id="field" style="display:none;">

然后使用 JQuery，添加点击事件以显示 div：

<input onclick="javascript:$('#field').show();" .... />