2015-06-21 90 views
1

我試圖通過與Django的發佈請求從下拉按鈕(Bootstrap)發送選定的選項。我已經能夠找到一個解決方案使用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

在沒有JavaScript的情況下進行POST的唯一方法是單擊表單按鈕。勾選此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使按鈕出現在相同的下拉列表鏈接。