Question

我有以下代码

   <div class="framepage">
           <header>
            <script type="text/javascript">                          

            function getBaseUrl() {
                return "@Url.Content("~/paging")";
            }

            function LocationSearch(baseUrl) {
                 window.location = getBaseUrl() + "/LocationSearch?searchstring=" + (document.getElementById('vestigingen').value);
            }


            </script>
           </div>
    </div>
</div>

        </header>
        <section id="maintest">   
          <ul id="menu">
          <li>
            <form class="navbar-search">
            <div class="icon-search icon-white"></div>
            <input type="text" class="search-query span3" id="vestigingen">
             </form>
             <input type="button" class="buttonzz" value="zoeken" onclick="LocationSearch()"/>
             </li>
                <li><a href="javascript:void(0);" onclick="LocationSearch();">Lijst</a></li>
                <li><a href="javascript:void(0);" onclick="LocationSearchList();">Lijst</a></li>
                               </ul>
            <div class="fence">
        @RenderBody()
            </div>

我的问题涉及返回键。每当我按下返回键时，输入（type = text）标签中的插入值就会丢失例如我输入纽约并希望在纽约得到结果，我的字段是空的。如果我输入并使用我的提交按钮一切都很好。谁能在这帮助我？

Answer 1

你不需要任何javascript。只需使用HTML帮助程序即可生成搜索表单：

@using (Html.BeginForm("LocationSearch", "SomeController", FormMethod.Get, new { @class = "navbar-search" }))
{
    <div class="icon-search icon-white"></div>
    @Html.TextBox("searchstring")
    <input type="submit" value="Search" />
}

Answer 2

您可以将type更改为submit而不是button，这会将button设置为默认值。

Answer 3

返回键提交表单，在您的情况下，您的页面将刷新。尝试阻止此默认操作。有很多技巧！

返回键不适用于输入文本标记

3 个答案: