flexibleSearch.js で複数の JSON ファイルを切り替えて検索するサンプル

flexibleSearch-conf.js

(function ($) {
    $('#search').flexibleSearch({
        searchFormCreation: false,
        searchDataPath: {
            search_A: "/flexibleSearch/search.json",
            search_B: "/flexibleSearch/search2.json",
        },
        searchFormAction: "/flexibleSearch/search.html",
        loadingImgPath: "/flexibleSearch/loading.gif",
        resultItemTmpl: [
            '<dl>',
                '{{#items}}',
                '<dt><a href="{{url}}" title="{{title}}">{{&title}}</a></dt>',
                '<dd><span>{{&body}}...</span><a href="{{url}}">[続きを読む]</a></dd>',
                '{{/items}}',
            '</dl>'
        ].join(""),
        modifyResultItemHTML: function(html){
            return html.replace(/<span>.*?<\/span>/gi, function(match){
                match = match.replace(/<\/?span>/g, '');
                if (match.length > 100) {
                    match = match.substring(0, 100) + '...';
                }
                return '<span>' + match + '</span>';
            });
        },
        dummy: null
    });
})(jQuery);

index.html

<form action="/flexibleSearch/search.html" method="GET">
    <input type="hidden" name="offset" value="0">
    <input type="hidden" name="limit" value="10">
    <p><label><input type="radio" name="dataId" value="search_A">search A</label></p>
    <p><label><input type="radio" name="dataId" value="search_B">search B</label></p>
    <p>
        <input type="search" name="search" placeholder="Search words" class="fs-text fs-search">
        <input type="submit" value="Search" class="fs-btn fs-submit">
    </p>
</form>