Question

我按照本指南创建了一个导航栏，其中包含使用Bootstrap的搜索工具：http://bootsnipp.com/snippets/GXb7V

似乎无法提交表格，但我知道这是故意的，基于此代码及其评论：

// ONLY FOR DEMO // Please use $('form').submit(function(event)) to track from submission
// if your form is ajax remember to call `closeSearch()` to close the search container
$(document).on('click', '.navbar-collapse form[role="search"].active button[type="submit"]', function(event) {
    event.preventDefault();
    var $form = $(this).closest('form'),
    $input = $form.find('input');
    $('#showSearchTerm').text($input.val());
    closeSearch()
});

如何让表单发布到脚本或URL以及js在哪里执行此操作？很抱歉，如果这是一个基本问题，但上述链接中没有任何文档可以帮助解决这个问题。

Answer 1

好的，我已经把它想出来了。

问题是他们的js中的函数closeSearch()具有以下代码行：

$form.find('input').val('');

我不确定他们的意图是什么，但结果是它最终清除了搜索输入，所以基本上你什么也没提交。评论说解决了没有提交的问题。

就实际表单提交本身而言，

//event.preventDefault();

解决了这个问题。

使用$（＆＃39; form＆＃39;）提交Bootstrap演示的搜索表单.report（function（event））

1 个答案: