首页 > 解决方案 > 使用 jquery 删除 `display:none` 属性后,我无法显示用户数据

问题描述

我想在提交表单数据后显示数据。这是我为获取表单数据而编写的代码...

    <div class="card" style="border: none;">
       <div class="card-body">
         <h3 class="text-center">For combined results</h3>
            <form method="post" name="filter-branch" id="csel">
              <div class="input-group">
                <select class="form-control mr-2" name="cbran" id="cselect">
                  <option value="">Select Branch</option>
                  <option value="cse" <?= ($cbranch_name == 'cse') ? 'selected' : '' ?>>CSE</option>
                  <option value="ece" <?= ($cbranch_name == 'ece') ? 'selected' : '' ?>>ECE</option>
                 <option value="civil" <?= ($cbranch_name == 'civil') ? 'selected' : '' ?>>CIVIL</option>
              <option value="mech" <?= ($cbranch_name == 'mech') ? 'selected' : '' ?>>MECHANICAL</option>
                 <option value="eee" <?= ($cbranch_name == 'eee') ? 'selected' : '' ?>>EEE</option>
               </select>
               <select class="form-control mr-2" name="cyear" id="select">
                <option value="">Select Year</option>
                <option value="1" <?= ($cyear_value == '1') ? 'selected' : '' ?>>1</option>
                <option value="2" <?= ($cyear_value == '2') ? 'selected' : '' ?>>2</option>
                <option value="3" <?= ($cyear_value == '3') ? 'selected' : '' ?>>3</option>
                <option value="4" <?= ($cyear_value == '4') ? 'selected' : '' ?>>4</option>                                
               </select>
<input type="submit" name="cfilter" id="cfilter" class="btn btn-outline-success" value="Filter" />
            </div>
        </form>
      </div>
</div>

<table class="table table-hover" id="filter-table" style="display:none;">
</table>

我遇到的问题是,当我尝试删除它工作正常的属性时,它仅在我删除属性后才style显示表的标题。如果我没有提到页面正在刷新的声明,并且所选值也缺少我选择显示的数据。return falsestylereturn false

$('document').ready(function () {
        $('#csel').submit(function(){
           $('#filter-table').removeAttr('style');
           return false;
        });
});

在此处输入图像描述 这就是我提到return false. 谁能帮我解决这个问题?先感谢您

标签: htmljquerycss

解决方案


推荐阅读