jq选项卡切换数据加载，触发查询功能

原创已于 2022-04-22 09:20:02 修改 · 517 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2020-08-13 14:25:34 首次发布

select2 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用Select2插件的下拉框与查询功能相结合的方法。通过点击选项卡，可以将Select2下拉框中选中的值赋给变量，并触发相应的查询功能，实现数据的即时刷新。

点击选项卡，赋值select2下拉框选中的值，触发查询功能

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NtYXJ0SnVuVGFv,size_16,color_FFFFFF,t_70

<div class="col-md-2 col-xs-2 person-content">
                <div class="person-box" onclick="Person(1)">
                    <p class="person-txt">试用期员工<i class="person-num">@(ViewBag.Internships??0)</i><i class="person-ren">人</i></p>
                </div>
            </div>

function Person(status) {
        status = status || "";
        if (status === "") {
            $('.workingState option:eq(0)').prop("selected", true);
            $(".workingState select").trigger("change");
        } else {
            $(`.workingState option[value=""]`).prop("selected", true);
            $(".workingState select").trigger("change");
        }
        $table.bootstrapTable('refresh', { silent: true, pageNumber: 1 });
    }

关注博主即可阅读全文