weixin_58648225 2021-06-02 17:01 采纳率: 89.2%
浏览 30
已采纳

laravel下的js瞬时搜索 现在只能依靠名字搜索,在此基础上如何用js可以实现搜索其他的关键词?

视图页面:

<style>
    .draft {margin-left: 20px;margin-bottom: 5px}
</style>
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">

                    <h3 class="box-title">已录入信息</h3>
                        <a href="draft/index"><button type="submit" name="action" value="draft" class="btn btn-xs btn-github draft">我的草稿</button></a>
                <form action="" method="get" class="box-tools">
                    <div class="box-tools">
                        <div class="input-group input-group-sm hidden-xs" style="width: 750px;">
                            <input  type="text" name="table_search" id="MyInput" placeholder="姓名" onkeydown="if(event.keyCode==13){return false;}" onkeyup="myFunction()" value="{{ request()->get('table_search','') }}" class="form-control pull-right" placeholder="Search">

{{--                            <div class="input-group-btn">--}}
{{--                                <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>--}}
{{--                            </div>--}}
                        </div>
                    </div>
                </form>
                </div>
                <div class="box-body table-responsive no-padding">
                    <table id="MyTable" class="table table-hover">
                        <tr>
                            <th>学生姓名</th>
                            <th>联系电话</th>
                            <th>联系人姓名</th>
                            <th>联系人称谓</th>
                            <th>缴费状态</th>
                            <th>星级</th>
                            <th>提醒</th>
                            <th>项目</th>
                            <th>项目类别</th>
                            <th>信息录入人</th>

                        </tr>
                       @foreach($data as $obj)
                        <tr>
                            <input type="hidden"  name="student_id" value="{{ $obj->id }}">
                            <td>{{ $obj->name }}</td>
                            <td>{{ $obj->tel }}</td>
                            <td>{{ $obj->contact_name }}</td>
                            <td>{{ $obj->contact_relation }}</td>
                            <td>{{ $obj->get_payment_name($obj->id) }}</td>
                            <td>{{ $obj->star_lv.'级' }}</td>
                            <td> @if($obj->notification == '1')
                                    {{ '需要' }}
                                 @elseif($obj->notification == '0')
                                     {{ '不需要' }}
                                 @endif
                            </td>
                            <td>{{ $obj->get_projects($obj->id) }}</td>
                            <td>{{ $obj->get_project_type_name($obj->id) }}</td>
                            <td>{{ $obj->get_user_name($obj->id) }}</td>
                            <td>
                                <a href="{{ $obj->id }}/detail" class="btn btn-xs btn-primary">详细/修改</a>
                                <a><button type="button" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modal-danger">
                                        删除</button></a>

                                <div class="modal modal-danger fade" id="modal-danger">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title">警告</h4>
                                            </div>
                                            <div class="modal-body">
                                                <p>是否确认删除?</p>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">取消</button>
                                                <a href="{{ $obj->id }}/delete"><button type="button" class="btn btn-outline">确定</button></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </table>
                </div>

                </div>
            </div>
        </div>


<div class="box-footer clearfix">
    <ul class="pagination pagination-sm no-margin pull-right">
        <li><a href="{{ $data->withQueryString()->previousPageUrl() }}"><</a></li>
        @for($p = 1; $p <= ceil($data->total() / $data->perpage()); $p++)
            <li><a href="{{ $data->withQueryString()->url($p) }}">{{ $p }}</a></li>
        @endfor
        <li><a href="{{ $data->withQueryString()->nextPageUrl() }}">></a></li>
    </ul>
</div>

js页面:

 

 

目前实际显示

感谢回复~!!

  • 写回答

2条回答 默认 最新

  • 关注

    把getElementsByTagName("td")[0]中的0 改成参数就可以了
    你要搜索第几列就传几

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥20 测距传感器数据手册i2c
  • ¥15 RPA正常跑,cmd输入cookies跑不出来
  • ¥15 求帮我调试一下freefem代码
  • ¥15 matlab代码解决,怎么运行
  • ¥15 R语言Rstudio突然无法启动
  • ¥15 关于#matlab#的问题:提取2个图像的变量作为另外一个图像像元的移动量,计算新的位置创建新的图像并提取第二个图像的变量到新的图像
  • ¥15 改算法,照着压缩包里边,参考其他代码封装的格式 写到main函数里
  • ¥15 用windows做服务的同志有吗
  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测,loss值优化,参数优化算法