Значения формы MVC пост к маршруту

Question

Я не уверен, что то, что я пытаюсь сделать, возможно, но здесь идет.

У меня есть форма с двумя выпадающими списками - категория и подкатегория. При выборе категории выполняется вызов AJAX для получения списка подкатегорий. Для демонстрации я выбрал категорию «Фрукты», в которой показаны все подкатегории для этой группы.

<select id="category" name="category">
    <option value="Fruit">Fruit</option>
    <option value="Vegetables">Vegetables</option
    <option value="Dairy">Dairy</option>
</select>

<!--AJAX call is made to get sub categories depending on what is selected in category-->
<select id="subcategory" name="subcategory">
    <option value="Apples">Apples</option>      
    <option value="Pears">Pears</option>
    <option value="Bananas">Bananas</option>
</select>

Теперь, если я выбрал «Фрукты», а затем «Яблоки» и отправил эту форму, я бы хотел, чтобы она отправлялась на определенный контроллер / {category} / {subcategory}, например. / Фрукты / Яблоки, и это динамично в зависимости от того, что выбрано из выпадающих. Так что, если бы я выбрал Fruit, а затем Pears, он разместил бы в / Fruit / Pears

Возможно ли это, и если да, то как мне это сделать?

Заранее спасибо.

Answer 1

Вы можете изменить действие формы, которое вы публикуете, когда пользователь выбирает подкатегорию:

$(function() {
    $('#subcategory').change(function() {
        $('#someForm').attr(
            'action', 
            '/' + $('#category').val() + '/' + $(this).val()
        );
    });
});