2015-06-21 4 views
1

Я пытаюсь отправить выбранный вариант из раскрывающегося списка (Bootstrap) через почтовый запрос с Django. Я смог найти решение, используя javascript, но я хотел бы найти решение, которое вырезает javascript.Отправить выбор из бутстрапа выпадающего меню с Django

Один из возможных способов сделать это можно увидеть в Max L's question. Однако это снижает стиль, полученный при загрузке, и добавляет еще одну кнопку для отправки запроса. Я бы хотел, чтобы вы могли отправить запрос, когда пользователь нажимает на параметр в раскрывающемся меню.

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

Моя попытка в основном выполнялась с примером кода начальной загрузки для раскрывающихся кнопок с добавлением тега формы вокруг кнопки. Как я могу заставить это работать?

<div style="float:right"> 
    {% if forloop.last %} 
    <!-- Single button --> 
    <div align="right" class="btn-group"> 
    <form method="POST" action="confirmaction"> 
     <button type="submit" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
     Intended Action <span class="caret"></span> 
     </button> 
     <ul name="aid" class="dropdown-menu"> 
     {% for aid, name in actions %} 
     <!--from context dict, use keyname = aid to grab value--> 
     <li value="{{ aid }}"><a{{ name }}</li> 
     {% endfor%} 
     </ul> 
    </form> 
    </div> 

Дайте мне знать, если вам нужна какая-либо другая информация от меня и спасибо!

+0

Невозможно сделать без JS. – xyres

+0

:(Думаю, это просто указывает на то, что мне нужно стать более комфортным с javascript. –

ответ

1

Единственный способ сделать POST без JavaScript - это нажать кнопку формы. Проверьте codepen - http://codepen.io/anon/pen/qdPJYw

<ul class="dropdown-menu"> 
    <li> 
     <form method="POST"> 
      <button type="submit" class="btn" name="option1" > 
       POST ACTION 1 
      </button> 
     </form> 
    </li> 
</ul> 

Кроме того, вы должны какой-то CSS кнопку, чтобы сделать появляется таким же, как ниспадающая ссылка.

Смежные вопросы