Question

我有疑问，这是以下代码。

<form action="" method="post" id="search">
        <div class="row collapse">
        <div class="ten columns mobile-three">
        <input type="text" size="25" name="search" value="<?php echo $this->search ?>"/>
        </div>
        <div class="two columns mobile-three">
        <input type="submit" name="/search/index/keyword/" value="Search"; ?>" class="button   expand postfix" id="search_button"/> 
        </div>
        </div>
</form>

当我点击提交按钮时，网址应为从id/到id/search/index/keyword/(here's the search key)

Answer 1

我会使用服务器端语言。创建一个流程页面（除非您熟悉AJAX），通过$ _POST获取值并使流程页面重定向。

我很确定它也可以使用JavaScript，但我真的很擅长，所以不要指望我的解决方案。

Answer 2

您可以使用JS来实现目标。

1）创建一个在用户点击提交按钮时运行的功能。

2）功能从搜索框中抓取单词。

3）函数更改表单元素

上的“action”属性

4）表格已提交

Answer 3

HTML

<form action="" method="post" id="search" name="search" onsubmit="submitForm();">
        <div class="row collapse">
        <div class="ten columns mobile-three">
        <input type="text" size="25" name="search" id="search_value" value="<?php echo $this->search ?>"/>
        </div>
        <div class="two columns mobile-three">
        <input type="hidden" value="/search/index/keyword/" id="search_url"/> 
        <input type="submit" name="search" class="button   expand postfix" id="search_button"/> 
        </div>
        </div>
</form>

JS

<script>
    function submitForm() 
    {
        var search_button = document.getElementById('search_url').value;
        var search_text = document.getElementById('search_value').value;
        document.searchForm.action = search_button + '/' + search_text;
        document.searchForm.submit();
        return false;
    }

</script>

PHP

<?php

if (isset($_POST['search'])) {
    // add action code here
}

?>

Zend从文本框中获取值并将其添加到搜索网址中

3 个答案: