Question

以下是代码。我有一个名为EMPTY ALL按钮的按钮，用于重置所有输入框在表id = A。

<script type="text/javascript">
$('#resetBtn').on('click', function() {

});
</script>

 <table id ="A">

 <input type="text" id="clipSno"><td>

 <select id="year" name="year" onchange="selclsCd()">

 </table>

<div class="area_btnA clfix mgB20">     
    <a id="searchBtn" class="btnA">Empty ALL</a>
</div>

现在，进来的是什么

<script type="text/javascript">
$('#resetBtn').on('click', function() {

});
</script>

清空所有文本框并选择要重置的框？

Answer 1

$('#resetBtn').on('click', function() {
    $("input[type=text], textarea, select").val("");
});

如果你只需要重置特定的id，那么使用它 -

$('#resetBtn').on('click', function() {
    $("#clipSno, #year").val("");
});

Answer 2

试试这个

$(document).ready(function() {
    $('#resetBtn').on('click', function() {
        $('input[type=text], select, textarea').val('');
    });
});

玩得开心！

如何使用JavaScript重置功能

2 个答案: