Весна, Тимьян: перенаправление на значение <select>

Question

У меня небольшая проблема, мне просто нужно перенаправить на значение select, например:

/ results / name / Heli Redel

Как мне поступитьоб этом?

<div class="search">
        <select th:required="true">
            <option th:value="'Eha Raudreha'" th:text="'Eha Raudreha'"></option>
            <option th:value="'Heli Redel'" th:text="'Heli Redel'"></option>
            <option th:value="'Mait Kuusevaik'" th:text="'Mait Kuusevaik'"></option>
        </select>
        <a class="buttons" th:href="@{|/results/name/NAME_HERE|}"><button class="deleteBtn">Otsi</button></a><br />
</div>

Answer 1

Добавьте функцию jQuery, чтобы при нажатии кнопки она перенаправлялась на другой URL-адрес.

jQuery(document).ready(function() {

    $('.deleteBtn').on('click', function() {
        var selectValue = $('.search').find('select').val()
        window.location.replace("/result/name/" + selectValue);
    })

})

Я бы добавил несколько идентификаторов для ваших элементов, чтобы упростить выборку данных.