如何从本地存储客户端存储和检索所选分支代码的值？

问：

我工作或剃须刀页面 asp.net 核心 7 .我遇到无法存储所选分支值的问题

当从下拉列表中选择选项或更改分支选择时，本地存储上的值选项。

并在单击“搜索”按钮时检索所选分支的值。

这假设存储在客户端浏览器的本地存储上。

那么请怎么做？

<form id="FrmShelfLabelPrintrSetup" method="post">
    <div class="row">
        <div class="col-lg-12 col-12 row">
            <div class="col-md-3 col-lg-2">
                <label for="branch-selectlbl"
                    style="margin-left:3px;font-size:15px;font-family: 'Open Sans', sans-serif;font-weight: bold;">Print
                    Server</label>
                <select id="branch-select" asp-for="SelectedBranchId" name="selectbranchid" class="form-select"
                    style="margin-left:3px;font-size:15px;font-family: 'Open Sans' , sans-serif;font-weight: bold;"
                    onchange="toggleButtonVisibility()">
                    <option value="0">--Select--</option>
                    @foreach (var branches in Model.branches)
                    {
                    <option value="@branches.iBranchCode">@branches.vBranchDesc</option>
                    }
                </select>
            </div>
            <div class="col-md-3 col-lg-2">
                <br>
                <button id="Searchtxt" type="submit" name="searchButton" value="search" asp-page-handler="Search"
                    style="width:100px;margin-top:7px;" class="btn btn-primary">Search</button>
                <button id="createTxt" data-toggle="modal" data-target="#CreateshelflabelModal"
                    style="width:100px;margin-top:7px;margin-left:7px;display:none;"
                    class="btn btn-primary">Create</button>
            </div>
        </div>
    </div>
</form>

页面模型 如何从本地存储客户端检索所选分支的值

public class ShelfLabelPrinterSetUpModel : PageModel
{
    public async Task OnPostSearchAsync(string selectbranchid)
    {
        // how to read value of local storage here when click search button 
    }
}