如何通过JavaScript实现AUTO提交表单?

时间:2015-03-26 09:19:34

标签: javascript php forms search submit

我创建了自动搜索文本的表单(此文本可以通过录制的语音识别)。在录制用户的语音JS(下面)将语音识别为文本后,然后通过id =" searchform"来调用表单。这种形式然后调用函数,它在单词数据库中搜索单词。 JS代码:

 final_transcript = capitalize(final_transcript);   
    var queryTextField = document.getElementById("search_query");
    queryTextField.value = final_transcript; 
//automatic submit button search form is if form
        document.getElementById('searchform').submit();

JS代码调用函数" media / search"这是以HTML格式实现的:



<li><form class="input-group navbar-form" id="searchform" action="<?php echo base_url();?>media/search" method="post"></li>
    <input type="text" class="form-control" placeholder="Vyhladat titulky..." id="search_query" name="string" />
    <button type="submit"  name="btn_search"></button>
    </form>
&#13;
&#13;
&#13;

&#34;媒体/搜索&#34;功能,搜索识别的文本:

&#13;
&#13;
//Search function
        function search($string = null) {
                //function can search string sent in url or in form
                $data['string'] = isset($_POST['string']) ? $_POST['string'] : $string;
                //For not null form
                if(! empty($data['string'])) {
                        //Searching in database
                        $gid = (! access(3) && ! access(4)) ? $this->userinfo('group') : null;
                        $data['list'] = $this->media_model->search($data['string'], $gid);
                }
                //Data are set to show
                $this->template->view("media/search", $data);
        }
&#13;
&#13;
&#13;

自动提交似乎有效,因为带有结果的页面会在语音记录后显示,但不会显示搜索结果。我认为搜索功能有效,但没有任何价值,所以它似乎搜索了#34;没有单词&#34;。我需要帮助,我是JS的新手。这段代码是在我的学校创建的,我需要将其更改为自动工作

1 个答案:

答案 0 :(得分:0)

你应该在脑海里下令。

第二个函数是PHP(服务器端),它搜索您的结果,然后将该结果写入$data变量并将其传递给视图&#34; media / search&#34;。

所以你应该至少尝试打印出那个变量,看它是否有效。要打印它,您可以使用PHP:

<div id="results"><?php echo $data?></div>