Как отправить содержимое dropdown-menu в форме заказа как POST запрос?

Question

[Александр Шаповал]

Есть простая форма:

<form>
    <div class="form-group col-xs-3">
        <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
        <div class="input-group">
            <div class="input-group-btn">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Currency <span class="caret"></span></button>
                <ul class="dropdown-menu">
                    <li><a href="#">UAH</a></li>
                    <li><a href="#">USD</a></li>
                    <li><a href="#">RUB</a></li>
                </ul>
            </div>
            <input type="text" class="form-control" placeholder="Amount" name="amount">
            <div class="input-group-addon">.00</div>
        </div>
    </div>
    <button type="submit" class="btn btn-default">Оптатить</button>
</form>

Каким образом можно передать тип валюты на сервер как POST запрос?

Можно попробовать через AJAX, но хочется сделать как можно проще

Answer 1

[V Sh.]

Какая-то странная верстка. ul -это выпадающий список? Сделайте селект, скройте его, вместо него можете повесить красивый интерфейс и настроить его вызывать методы селекта. Ну и оптравлять на сервер значение селекта. Ну или если не хотите заморачиваться, то создайте input hidden и записывайте значение туда.

Comments

[Александр Шаповал]

input hidden - действительно хорошая идея. Благодарю, буду пробовать. А пример взял с официального сайта
getbootstrap.com/components/#input-groups-buttons-...