首页 > 解决方案 > javascript - laravel 重置表单

问题描述

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

我的重置按钮

{!! 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 重置表单的任何文档,任何人都可以帮忙

标签: javascriptjquerylaravelforms

解决方案


尝试这个:

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

此代码将在文档准备好后执行,这意味着它已被加载,然后它将为#btn_click设置一个单击事件处理程序,单击该处理程序时会将无显示类添加到下拉列表中。

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

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

推荐阅读