在表单提交上使用 <span> 按钮重定向到新站点

San*_*wat 5 javascript forms ajax jquery redirect

我需要提交以下表单并将页面重定向到另一个站点以根据输入的 searchString 显示搜索结果。

<a href="#" class="button search">
    <span class="spanclass"></span>
    <input class="expand" name="searchString" type="text">
    <span id="searchButton" class="search icon-small open-btn"></span>
</a>
Run Code Online (Sandbox Code Playgroud)

我想知道如何使用 javascript、jquery 或 ajax 处理它。请提供您的宝贵意见。由于我有提交按钮作为跨度,我不确定如何使用它来提交表单。提前感谢人们提供有价值的信息。

gur*_*372 4

内联js解决方案

<span id="searchButton" class="search icon-small open-btn" onclick="document.forms['form-name'].submit();"></span>
Run Code Online (Sandbox Code Playgroud)

但因为你还为你的问题添加了 jquery 标签:)

$(document).ready(function(){
   $('#searchButton').click(function(){
     $("#form-id").submit();
   });
})
Run Code Online (Sandbox Code Playgroud)