Question

我正在开发一个使用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

也不起作用

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

Answer 1

如果您想使用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>

Answer 2

参考下面的代码：

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

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

2 个答案: