Question

我创建了一个不幸单独工作的脚本，我有一个表单，在单击时生成一个填充了表单字段的div，我在每个生成的表单中添加了“重置按钮”，只是每个表单都有一个生成的id

如何提供id + 1（或类似按钮）

// RESET 
$(document).ready(function() {
    $('.variation').find('input:text').val('');
});
//Function
function resetAllValues() {
        $('.variation').find('input:text').val('');
}

Div 1：

    <div class="variation section-variation0"><input type="button" value="Delete variation" onclick="resetAllValues();">
<label>Field1:</label> <input type="text" name="variations0"  id="variations0" value=""> 
</div>

Div 2

    <div class="variation section-variation1"><input type="button" value="Delete  variation" onclick="resetAllValues();">
<label>Field1:</label> <input type="text" name="variations1"  id="variations1" value=""> 
</div>

等。我希望我很清楚，感谢大家的帮助。

EDIT 我有一个代码，用于生成一个新的div，每次单击按钮，新的div具有类“section-variation0”，“section-variation1”等等。

使用第一个脚本我也为内部输入生成一个RESET按钮，所以我需要为每个div重置一个“section-variation0”，“section-variation1”等。

当我的按钮重置所有div而不是section-variation0或section-variation1

Answer 1

固定 - 从我收集的内容来看，这应该可以解决问题。值得注意的是，我删除了你的内联函数调用并将其移动到jquery中。另外，我在按钮“variationClass”中添加了一个类，这样每次按下按钮时都可以引用它。单击时，该函数将查找它的兄弟元素“input”并用空字符串填充它。但我鼓励如果你的div最终会有多个输入元素，那么为每个输入元素添加一个类，然后使用此函数专门更改该输入类的值。我希望这是您正在寻找的解决方案！

$(".variationButton").on("click", function resetAllValues() {
  var inputField = $(this).siblings('input');
  inputField.val("");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="variation section-variation1"><input type="button" class="variationButton" value="Delete variation">
<label>Field1:</label> <input type="text" name="variations1"  id="variations1" value=""> 
</div>

<div class="variation section-variation0"><input type="button" class="variationButton" value="Delete variation">
<label>Field2:</label> <input type="text" name="variations0"  id="variations0" value=""> 
</div>

使用id ++在每个div中休息输入

1 个答案: