jquery - Twitter Bootstrap 下拉菜单触发表单提交(搜索)

Question

<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>

Answer 1

那是因为<button>元素默认提交自己的表单 - 它们继承 type="submit"属性。

如果您不希望他们这样做，请添加属性 type="button" ，这样它将成为一个普通按钮。