Question

在表单提交中，我使用jquery

进行操作

这是我的HTML代码

<form name="frmSearchTops" id="frmSearchTops" method="post" onsubmit="searchitem();">
        <select  name="cboCityNameRes" id="cboCityNameRes">
          <option value=''>City</option>
             {foreach from= $arritemCities item=foo}                      
               {if $smarty.post.hdnCityName eq $foo}                                
                  <option value="{$foo}" selected="selected">{$foo}</option>          
               {else}    
                <option value="{$foo}" {if $foo eq 'City'} selected="selected"{/if}>
                     {$foo}
                </option>
               {/if}    
             {/foreach}    
        </select>
    <select name="cboMaterial" id="cboMaterial">
      <option value="">Material</option>
      <option value="CT">Cotton</option>
      <option value="SL">Silk</option>
    </select>
     <input name="btnSearch" type="button" value="Search" id="btnSearch"/>       
 </form>

Jquery代码

<script type="text/javascript">
 function searchitem()
 {
    var strCity = $('#cboCityNameRes').val();
    $("#frmSearchTops").attr("action", "/womens-tops-" + strCity + ".php");
    $("#frmSearchTops").submit();
 }
 </script>

在这里，我正在对虚拟链接womens-tops-chennai.php采取行动。在控制器中它将重定向到实际页面。但对我来说它不起作用。我可以像这样提交

Answer 1

将按钮更改为提交按钮。您有一个类型为button的输入，默认情况下不会提交表单。这就是您的表单未提交的原因。

<input name="btnSearch" type="submit" value="Search" id="btnSearch"/>

使用提交按钮，您无需致电.submit()，因为这会在onsubmit事件处理程序完成时自动发生。

Answer 2

您尝试使用无法提交表单的button类型提交表单，因此请使用onclick事件调用该函数，并且您的脚本具有提交表单的代码

<input name="btnSearch" type="button" value="Search" id="btnSearch" onclick='searchitem();'/>

使用jquery无法正常工作的表单提交

2 个答案:

working demo