模糊搜索并跳转页面功能实现

今天分享一个简单实用的功能，模糊搜索并跳转，先看一下效果图

Content/layui/layui.js 用到的layui插件，记得使用前添加jquery插件

原理很简单就是一个layui的带搜索功能的下拉框，我们只需要找到左边导航栏每一个接口对应的名称以及连接即可

这里简单展示一部分源代码

<ul class="metismenu" id="menu">
                    <li οnclick="ats()">
                        <a class="has-arrow " href="#">
                            <i class="fas "></i>
                            <span class="nav-text">主页</span>
                        </a>
                    </li>

                    <li>
                        <a class="has-arrow " href="#" aria-expanded="false">
                            <i class="fas fa-info-circle"></i>
                            <span class="nav-text">入院管理</span>
                        </a>
                        <ul aria-expanded="false" class="cest">
                            <li>
                                <a href="#" data-url="/AdmissionInformation/Order/index">预约登记</a>
                            </li>
                            <li>
                                <a href="#" data-url="/AdmissionInformation/Register/index">入院登记</a>
                            </li>
                            <li>
                                <a href="#" data-url="/AdmissionInformation/PatientInformation/index">病人信息维护</a>
                            </li>
                            <li>
                                <a href="#" data-url="/AdmissionInformation/Voucher/index">医保凭证修改</a>
                            </li>
                            <li>
                                <a href="#" data-url="/AdmissionInformation/Prepay/index">预交金管理</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a class="has-arrow " href="#" aria-expanded="false">
                            <i class="fas fa-chart-line"></i>
                            <span class="nav-text">出院管理</span>
                        </a>
                        <ul aria-expanded="false" class="cest">
                            <li>
                                <a href="#" data-url="/Discharged/Clearing/index">费用结算</a>