<div class="btn-toolbar search-dropdown" style="float:left;margin-right:10px;">
<div class="btn-group">
<button class="btn btn-small">All Types</button>
<button data-toggle="dropdown" class="btn btn-small dropdown-toggle"><span class="caret"></span>
</button>
<ul class="dropdown-menu" id="search-type">
<li>
<label class="checkbox">
<input type="checkbox" name="tv" value="TV">TV</input></label>
</li>
<li>
<label class="checkbox">
<input type="checkbox" name="movies" value="Movies">Movies</input></label>
</li>
</ul>
</div>
</div>
4
A
回答
11
這因爲<button>
元素默認提交了自己的表單 - 它們繼承了type="submit"
屬性。
如果你不想讓他們這樣做,添加屬性type="button"
,所以它會成爲一個正常的按鈕。
+1
你是一個天才,謝謝! – vick 2013-03-05 23:42:14
+1
這並不能解決我的問題。在同一個容器中,我有一個Bootstrap下拉列表和一系列按鈕。選擇下拉項目總是會觸發下一個按鈕。他們都設置爲鍵入=「按鈕」。 – 2014-07-22 21:35:29
0
如果你不想關閉下拉框時的複選框一些點擊,那麼你可以是這樣做的:
jQuery(document).ready(function($){
$('input[type="checkbox"]').on('click',function(event){
event.stopPropagation();
});
});
0
使用<a>
元素而不是<button>
作爲下拉切換。唯一的缺點是如果您混合使用不同的類型,則可能會導致渲染不一致。如果你擔心這一點,也可以將提交按鈕切換到<a>
,並使用JavaScript提交表單onclick。
0
<div class="btn-toolbar search-dropdown" style="float:left;margin-right:10px;">
<div class="btn-group">
<button class="btn btn-small">All Types</button>
<button data-toggle="dropdown" class="btn btn-small dropdown-toggle"><span class="caret"></span>
</button>
<ul class="dropdown-menu" id="search-type">
<li>
<label class="checkbox">
<input type="checkbox" name="tv" value="TV" onclick="search()">TV</input></label>
</li>
<li>
<label class="checkbox">
<input type="checkbox" name="movies" value="Movies" onclick="search()">Movies</input></label>
</li>
</ul>
</div>
相關問題
- 1. Twitter的引導形式直列拉伸
- 2. 引導,使下拉觸發
- 3. Twitter引導下拉事件不觸發在觸摸設備
- 4. Twitter的引導模式表單提交
- 5. Twitter的引導表單提交模式
- 6. Twitter的引導按鈕不觸發我的形式.dialog()
- 7. Twitter的引導下拉+引導,多選
- 8. 硬編碼值到twitter引導結束typeahead搜索下拉
- 9. 引導3 - 下拉式文本輸入下的搜索結果
- 10. Twitter下拉式引導設置字段
- 11. Twitter的引導horiontal導航下拉
- 12. Twitter引導下拉切換
- 13. Twitter引導下拉截止
- 14. twitter引導ajax下拉
- 15. twitter引導下拉菜單
- 16. 試圖提交觸發器的導軌形式/ javascript
- 17. 用JS觸發引導下拉菜單
- 18. 在Twitter的引導搜索框
- 19. 按鈕下拉在Twitter的引導
- 20. 重定向搜索結果,形成我的索引頁提交
- 21. 未定義索引提交形式
- 22. 流星引導3形式不提交
- 23. 使用引導提示的Twitter或@或#鍵搜索
- 24. 引導下拉形成寬
- 25. 使用下拉提交按鈕發佈兩種形式之一
- 26. Twitter的引導形式佈局
- 27. 中心水平形式的twitter引導
- 28. Twitter引導的高級形式庫
- 29. 使用twitter引導與Django的形式
- 30. 下拉菜單中的twitter引導下拉按鈕
你想achieve..i認爲你需要根據該 – Peeyush 2013-03-05 22:45:11
我不希望當我點擊下拉搜索中觸發調整你的代碼是什麼。 :) 就這樣。 – vick 2013-03-05 22:49:41
好,那麼你是說當你點擊複選框時你不想關閉下拉菜單...是嗎? – Peeyush 2013-03-05 23:04:20