使用jquery在Onclick链接提交表单

时间:2016-09-13 15:51:12

标签: jquery ajax

我在链接上有一个关闭图标。当我点击该图标时,它应该提交表格。请帮助。我是jquery ajax的新手。

<div class="main1 name-show">
<div id="nameRemove">
<form action="<?php echo site_url('info/removename'); ?>" method="post"  id="ajaxname">
    <fieldset>
        <label for="dwfrm_cart_couponCode">
        Name</label>

              <?php if(!empty($arr_name)){
                        echo $arr_name['name'];
                    }
              ?>
        <a href="#" class="remove_name">

              <img src="<?=base_url()?>images/close-icon.png" id="remove_btn">
         </a>
         <input type="hidden" name="id" value="<?=(!empty($arr_name))? $arr_name['id'] :''?>">
         <input type="hidden" class="name-code" name="pr_name" id="dwfrm_cart_couponCode"  value="<?=(!empty($arr_name))? $arr_name['name']:''?>">
        <div class="confirm-name"></div>

    </fieldset>
</form>
</div>

1 个答案:

答案 0 :(得分:0)

有几种方法可以解决您的问题。

首先:涉及修改你的HTML。将您的锚标记更改为类型=&#34的按钮;提交&#34;

<div class="main1 name-show">
<div id="nameRemove">
<form action="<?php echo site_url('info/removename'); ?>" method="post"  id="ajaxname">
    <fieldset>
        <label for="dwfrm_cart_couponCode">
        Name</label>

              <?php if(!empty($arr_name)){
                        echo $arr_name['name'];
                    }
              ?>
        <button type="submit" class="remove_name">

              <img src="<?=base_url()?>images/close-icon.png" id="remove_btn">
         </button>
         <input type="hidden" name="id" value="<?=(!empty($arr_name))? $arr_name['id'] :''?>">
         <input type="hidden" class="name-code" name="pr_name" id="dwfrm_cart_couponCode"  value="<?=(!empty($arr_name))? $arr_name['name']:''?>">
        <div class="confirm-name"></div>

    </fieldset>
</form>
</div>

第二:将jquery包含在链接点击的trgger表单提交中。

$('#remove_btn').click(function(){ 
   $('#ajaxname').submit();
});