Добавление поста вне формы

Question

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

@using (Html.BeginForm())
    {
        int index = 0;
        foreach (var type in @Model.AttributeTypes)
        {
            @Html.DropDownListFor(m => m.SelectedAttributeValueIds[index], Model.AttributeValuesList[Convert.ToInt32(@type.Value)], "Filter by " + type.Text)
            index++;
        }

        <input type="submit" value="Filter"/>
}

Проблема в том, что внизу страницы, за пределами формы, я хочу кнопку / ссылку Показать все. Нажатие на эту кнопку должно по сути делать то же самое, что и вышеупомянутая кнопка отправки. Другими словами, я бы хотел, чтобы эта кнопка Показать все отображала все результаты последнего запроса (или текущие выбранные значения в раскрывающихся списках - не слишком надоедая) без разбивки на страницы. Я могу сделать немного пагинации, это легко. Я хочу знать, как моя кнопка / ссылка получит значения из выпадающего списка снаружи формы и отправит эту форму?

Answer 1

Вы можете использовать javascript/jquery для отправки формы по нажатию этой кнопки.

$('#formId').submit();

Чтобы подключить это, вы можете сделать следующее на вашем готовом скрипте документа:

$('#buttonId').click(function() {
  $('#formId').submit();
});

Answer 2

Используйте javascript, чтобы прочитать информацию об элементе dom, который вам нужен, чтобы получить информацию, и они отправят запрос ajax.