javascript - 隐藏/禁用 Ajax 表单的提交按钮，直到从下拉列表中进行选择

Question

我想隐藏(或禁用)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。

Answer 1

为按钮添加 disabled="disabled" 属性。这样它将被禁用。当你想启用它时，使用jQuery启用$('#id').removeAttr('disabled')