javascript - laravel 重置表单答案

【问题标题】：javascript - laravel reset formjavascript - laravel 重置表单
【发布时间】：2020-12-29 06:54:21
【问题描述】：

我的表单重置按钮不会重置我的表单。我添加了一个类来隐藏我的下拉菜单，除非选择发生变化。当前的行为是单击重置按钮只会重置其值，但不会隐藏应该隐藏的下拉菜单。

我的重置按钮

{!! Form::reset('Reset', ['class' => 'btn btn-primary', 'id' => 'btn-click']) !!}

我使用的脚本

$('form').reset(function (event){
      $(document).ready(function(){
       $("#btn_click").click(function(){
       $(".dropdown").addClass("no-display");
    });
    });

找不到任何关于使用 laravel 重置表单的文档，谁能帮忙

【问题讨论】：

$(document).ready at first.......
是的，脚本在(document).ready下
首先：$(document).ready(function(){，在$('form').reset(function(event){之后>
把我的代码改成了这个，但仍然没有变化``` $('form').reset(function (event) { $(".reset-btn").click(function(){ $("#Form").trigger("reset"); }); ```

标签： javascript jquery laravel forms

【解决方案1】：

试试这个：

$(document).ready(function() {
    $("#btn_click").click(function() {
       $(".dropdown").addClass("no-display");
    });
});

此代码将在文档准备就绪后执行，这意味着它已被加载，然后它将为 #btn_click 设置一个 click 事件处理程序，单击该处理程序时将添加 no-display 类到下拉列表。

注意：没有您在此处所写的名为 reset 的事件处理程序：

$('form').reset(function (event){

【讨论】：

很高兴知道它对您有所帮助！ :)