Как динамически отображать новые значения таблицы из выпадающего списка выбора?

Question

У меня есть HTML-таблица, которая должна иметь новые значения в зависимости от того, что пользователь выбирает из выпадающего списка.База данных представляет собой список людей, а раскрывающийся список - это выбор этажей здания, например, 1-й, 2-й, 3-й и т. Д. Когда выбрано новое значение в раскрывающемся списке, я бы хотел, чтобы страница обновилась, а таблица - сейчас.отображать людей, которые находятся на этом этаже.

Это таблица HTML, и база данных перебирается и фильтруется с помощью бритвенного кода.Вот аналогичный код.

<select>
    <option value="1">1st</option>
    <option value="2">2nd</option>
    <option value="3">3rd</option>
    <option value="4">4th</option>
    <option value="5">5th</option>
    <option value="6">6th</option>
    <option value="7">7th</option>
</select>

<table>
    <tr>
        <th>Name</th>
        <th>Phone</th>
        <th>Floor</th>
    </tr>

    @{
    foreach (var person in Model)
    {
    <tr>
        <td>@person.Name</td>
        <td>@person.Phone</td>
        <td>@person.Floor</td>
    </tr>
    }
    }

</table>

Я хотел бы сделать код бритвы, как этот, хотя:

<table>
    <tr>
        <th>Name</th>
        <th>Phone</th>
        <th>Floor</th>
    </tr>

@{
   foreach (var person in Model.Where(person => person.Floor == selectedValue)
    {
    <tr>
        <td>@person.Name</td>
        <td>@person.Phone</td>
        <td>@person.Floor</td>
    </tr>
   }
}
</table>

Проблемы, с которыми я столкнулся, заключаются в том, что бритва выполняется на стороне сервера, поэтомуприсваивать переменные из js или чего-либо на стороне клиента не вариант.Мой вопрос в основном сводится к следующему: как я могу использовать раскрывающийся список для заполнения таблицы, которая фильтруется бритвой?Если это невозможно, какие еще потенциальные методы существуют?

Answer 1

Вот базовая форма для отправки данных POST на другую или ту же страницу:

<form action="somePage.ext" method="POST">
  <select name="floor">
    <option value="1">Floor 1</option>
    ...
  </select>
  <input type="submit">
</form>

Нажатие на кнопку отправки отправляет эти данные в somePage.ext, который может быть PHP-скриптом, Razor.сценарий или ту же страницу, на которой вы уже находитесь.Просто замените это имя файла реальным.Данные отправляются с именем «floor» и значением «1», «2» или любой другой выбранной вами опцией.То, что вы делаете с данными, зависит от вас или кого-то, кто конкретно знает Razor, чего я не знаю.