Aktualizacja zmiennych wyświetlanych na stronie RazorPages

0

Hej
Jak zrobić, żeby po wybraniu opcji z listy rozwijanej użytkownik zobaczył zmianę w widoku?

Plik .cshtml

@page
@model TestModel
@{
    ViewData["Title"] = "Test page";
}

<span>Choose value</span>

<select name="testValue">
    <option value="">Choose value</option>
    <option value="value_1">Value 1</option>
    <option value="value_2">Value 2</option>
    <option value="value_3">Value 3</option>
    <option value="value_4">Value 4</option>
</select>

Chosen value: value="@TestModel.TestValue"

Plik .cshtml.cs

namespace TestowaAplikacjaRazor.Pages
{
    public class TestModel : PageModel
    {

        [BindProperty]
        public static string? TestValue { get; set; }

        public void OnGet()
        {}

        public void OnPost()
        {}
    }
}

Teraz działa tak, że nawet po wybraniu wartości pokazuje zawsze: Chosen value: <czyli nic>

1

Moim zdaniem takie problemy rozwiązuje się tylko JavaScriptem. W RazorPages strona "nie nasłuchuje" zmian. Trzy wyjścia:

  1. JavaScript
  2. Zrobić forme i pobrać wartość w [HttpPost] - refresh strony
  3. Olać RazorPages i nauczyć się Blazora lub jakiegoś frameworka JS np: Angular, React, Vue + WebAPI

1 użytkowników online, w tym zalogowanych: 0, gości: 1