我想隐藏(或禁用)Ajax 表单的提交按钮,直到从 DropDownList (@Html.DropDownList) 中做出选择
表单如下所示:
@using (Ajax.BeginForm("RoleAddToUser", "Roles", new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "middle_column", HttpMethod = "POST" }, new { id = "RoleAddToUserForm" }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<p>
User : @Html.DropDownList("UserName", (IEnumerable<SelectListItem>)ViewBag.Users, "Select ...")
Role : @Html.DropDownList("RoleName", (IEnumerable<SelectListItem>)ViewBag.Roles, "Select ...")
</p>
<input type="button" name="SubmitBtn1" value="Send" onclick="$('#RoleAddToUserForm').submit(); " />
}
我假设有一种方法可以检测是否选择了“select...”(默认值)以外的值,然后使用 Javascript 启用/显示提交按钮。
我也明白这对大多数 Js 粉丝来说可能是微不足道的,但我通常不使用 cshtml 或 javascript,这很令人沮丧,哈哈
如果有帮助,有问题的文件是来自 mvc 程序的 cshtml。
最佳答案
为按钮添加 disabled="disabled"
属性。这样它将被禁用。当你想启用它时,使用jQuery启用$('#id').removeAttr('disabled')
关于javascript - 隐藏/禁用 Ajax 表单的提交按钮,直到从下拉列表中进行选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32250290/