单击预算应用程序中的提交按钮后,如何清除输入字段“add__description”和“add__value”。 [在 jQuery 中]
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="bottom">
<div class="add">
<div class="add__container">
<select class="add__type">
<option value="inc" selected>+</option>
<option value="exp">-</option>
</select>
<input type="text" class="add__description" placeholder="Add description">
<input type="number" class="add__value" placeholder="Value">
<button class="add__btn"><i class="ion-ios-checkmark-outline"></i></button>
</div>
</div>
我调用清除字段函数来清除字段。我尝试过这样的事情...
clearFields: function() {
$(".add__description, .add__value").val("");
},
这里是 codePen 链接 - CodePen Link
最佳答案
在清除函数中只需执行以下操作:
$(".add__description,.add__value").val("");
您以错误的方式获取元素。类名就足够了。
<小时/>编辑:代码笔审查
我认为您想要实现的是将条目添加到收入/费用列表后清除字段。
要实现这一目标,您必须移动生产线
UICtrl.clearFields();
进入eventBtn()
方法,如下所示:
function eventBtn() {
var input = UICtrl.getInp();
var newItem = budgetCtrl.addItem(input.type, input.des, input.val);
UICtrl.addListItem(newItem, input.type);
UICtrl.clearFields();
}
关于javascript - 如何清除 jQuery 中的输入字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53685643/