0

我正在制作一个有按钮重置的应用程序

现在这个重置按钮需要将所有值重置为默认值

我找到了一个例子：http: //jsfiddle.net/RoryMcCrossan/b55Au/2/

但我无法在我的 Index.cshtml 中使用它 我想知道是否有人可以告诉我如何在我的应用程序中使用它，也许将函数放在 .js 文件中并将这个 .js 文件加载到布局中或其他什么？

我的 index.cshtml 类：

@{

ViewBag.Title = "Index";
}


<script>
    function resetInput1(e) {
        document.getElementById('input1').value = document.getElementById('input1').defaultValue;
    }
    function resetInput2(e) {
        document.getElementById('input2').value = document.getElementById('input2').defaultValue;
    }
    function resetSelect1(e) {
        document.getElementById('select1').value = document.getElementById('select1').selectedIndex = 0;
    }


    document.getElementById("btn1").addEventListener('click', resetInput1, true);
    document.getElementById("btn2").addEventListener('click', resetInput2, true);
    document.getElementById("btn3").addEventListener('click', resetSelect1, true);

</script>

<form id="test">
    Input 1: <input type="test" id="input1" value="abcded" /><br><br>

    Input 2: <input type="test" id="input2" value="xyz123" /><br><br>

    Select 1:
    <select id="select1">
        <option selected="selected">Please select...</option>
        <option>Option #1</option>
        <option>Option #2</option>
        <option>Option #3</option>
        <option>Option #4</option>
    </select><br /><br />

    <input type="button" id="btn1" value="Reset Input #1" /><br><br>    
    <input type="button" id="btn2" value="Reset Input #2" /><br><br>    
    <input type="button" id="btn3" value="Reset Select #1" /><br><br>
</form>
4

1 回答 1

0

在您的文档完成加载之前分析您的脚本，这意味着当它尝试查找 ID 时，尚未创建元素，因此没有添加事件侦听器。要么将你的标签放在相应的 html 下，要么更好，把它放在一个外部 .js 文件中，并在结束 body 标签之前引用它。

于 2013-02-18T15:39:16.213 回答