Html 如何在点击链接后更改输入值？ '添加优惠券'%>

我想在用户单击“添加”后将code_rabais的输入值重置为“”。最简单的方法是什么？

您可以执行以下操作：

<input class="code_rabais" id="coupon_code" name="rabais" type="text">
<div class="ajout_rabais"><%= link_to "add", '#', :id => 'add_coupon' %></div>

另一种方法是在链接_的click事件上添加事件侦听器，以：

link_to "add", '#', id: 'add_coupon', onclick: "$('#coupon_code').val('');return false;"

---

我想，第二条路比较干净。您可能应该将

event.preventDefault（）

添加到第二个解决方案中，这将阻止

显示在地址路径中。

link_to "add", '#', :id => 'add_coupon'

# javascript in the same view 
$('#add_coupon').on('click', function(event) {
  $('#coupon_code').val('');
  event.preventDefault();
})