无法为 ASP MVC cshtml 创建重置按钮答案

【问题标题】：Unable to create reset button for ASP MVC cshtml无法为 ASP MVC cshtml 创建重置按钮
【发布时间】：2018-06-01 09:51:46
【问题描述】：

我正在开发一个使用 ASP MVC 的项目，但我的重置按钮无法正常工作。

<button type="reset" id="accReset"> </button>

这只会清除文本字段，但不会清除或重置我拥有的下拉列表。

这是我在 cshtml 文件中实现下拉列表的示例

@Html.DropDownListFor(m => m.ClientCode, Model.ClientCodeList, new { @class = "form-control show-tick bootstrap-select-wrap-text" })

为了接收点击动作，我在 js 文件中添加了以下内容

function onClickResetButton() {
        $('#accReset').click(function () {
            var u = $("#ClientCode").data("ClientCodeList");
            u.value("");       
        })
    }

注意：即使使用 selectedIndex 也不起作用

希望人们可以帮助我解决这个问题，因为我尝试了多个平台但没有任何运气。

【问题讨论】：

你可以重新加载整个页面吗？

标签： javascript html asp.net asp.net-mvc razor

【解决方案1】：

参考以下代码：

function onClickResetButton() {
    $('#accReset').click(function () {
        var u = $("#ClientCode").data("ClientCodeList");
        u.value(0);       
    })
}

【讨论】：

@Daniel 而不是 u.value("");使用 u.value(0);

【解决方案2】：

如果你想使用 Javascript，你可以使用下面的。

<input type="button" id="accReset" value="Reset" onclick="Reset();" />
<script type="text/javascript">
function Reset() {
    var dropDown = document.getElementById("DropdownName");
    dropDown.selectedIndex = 0;
}
</script>

【讨论】：