プルダウンで更新後、値を保持した状態にしたい

お世話になっております。

タイトルの件について、現在自作のプルダウンメニューを作成し、

onchange処理で選択した値で絞込表示を行っております。

更新後の絞込表示したプルダウンメニューの値が最初に設定されている値になってしまうのですが、

これを更新後も選択した値(絞込の値)を保持した状態で表示させたいのですが、

どのように行ったら良いかご教授いただければ幸いでございます。

よろしくお願いいたします。

Naoさん

プルダウンの作成方法にもよる気はするのですが、以下のような方法でレコード単位で処理

してはいかがですか?

1.フォーム上に、プルダウン値を格納するフィールドを用意する

2.レコード保存時、作成したフィールドにプルダウンの値を格納する

3.レコード表示/詳細画面表示時は、格納先のフィールド値を参照し、プルダウンの値を変更し表示

なお、格納用のフィールドに関しては、非表示とすることで、画面上も邪魔にならないと思います。

サクラエビ様

ご返信ありがとうございます。

「プルダウンの作成方法にもよる気はするのですが」

上記の件について、現在下記コードで設定しているのですが、

(function () {
    'use strict';
    kintone.events.on("app.record.index.show", function (event) {
        if (document.getElementById('dropdown') !== null) { return; }
        var option = document.createElement('option');
        option.value = '';
        option.text = '区分を選択';
        var option1 = document.createElement('option')
        option1.value = '1';
        option1.text = '区分1';
        var option2 = document.createElement('option');
        option2.value = '2';
        option2.text = '区分2';
        var label = document.createElement('select');
        label.id = 'dropdown';
        label.setAttribute('onchange', 'this.select()');
        label.appendChild(option);
        label.appendChild(option1);
        label.appendChild(option2);
        label.onchange = function () { search(); };
        kintone.app.getHeaderMenuSpaceElement().appendChild(label);
        function search(){
            var viewid = event.viewId
            var str_query = '?view='+ viewid + '&' + 'query='+ '区分' +' in ' + '("' + label.value + '")';
            document.location = location.origin + location.pathname + str_query
        }
        return event;
    });
})();

区分を変更した際に更新がかかり、optionが「区分を選択」が表示されます。

これを、区分1で更新した際はoptionに「区分1」と区分2で更新した際はoptionに「区分2」表示させたいのですが、

function search()の部分に値を保持させる処理を書けば良いのかと思っているのですが、方法がありますでしょうか。

度々お手数でございますが、ご教授いただければ幸いでございます。

よろしくお願いいたします。