Javascript 设置重置按钮以清除文本类型的特定单个输入

我有以下资料：

<div id="section1">
 <label> Label 1 </label>
 <br>
 <input type="text" id="input_section1">
 <button type="reset" class="clear"></button>
</div>

标签1

这就是html必须保持结构化的方式。我在页面上还有与上面相同的其他div（称为#section2、#section3等），并且没有任何输入在表单中

所以我想要的是一个按钮来重置它所关联的特定输入；在上述情况下，输入“#input_section1”

当我单击重置按钮时，它正在清除页面上的每个输入。

一个简单的解决方案：

<input type="button" onClick="document.getElementById('input_secion1').value='';">

---

这应该满足您的要求。

您可以使用

.sibbins（）

使用以下jquery代码：

这将找到当前单击元素的

输入类型同级

，并将其重置

---

查看

这很好，但对我来说它正在刷新页面，有没有办法在不刷新页面的情况下执行此操作？它不会刷新页面，正如您在小提琴本身中看到的那样。我认为问题出在其他方面。

$(document).on('click','.clear',function(){
    $(this).siblings( "input" ).val('');
});