这个输入提交选择最接近的形式提交(this input submit selector with c

2019-10-16 21:44发布

我有下面的代码有问题。 我不知道为什么这种选择不工作,如果我点击提交这是行不通的。 没有任何人有任何想法,这将是不使用ID或类选择正确的方法?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    </head>
    <body>
        <script>
        $(this).closest('form').submit(function () {
           alert(1);
           return false;
        });
        </script>
        <form>
          <input type="text" name="example">
          <input type="submit" class="searchBtn">
        </form>
    </body>
</html>

作为gdoron在问我什么,我试图做的,我在这里把整个代码,连同苏德赫解决办法,如果别人需要它。 所以,我想对提交的ajax发送的输入值,但我不希望使用class和id选择:

$("input[type='submit']").click(function() {
  $(this).closest('form').submit(function() {
        var values = $(this).serialize();          
        $.ajax({
          type: "POST",
          url: $(this).closest('form').attr('action'),
          data: values,
          success: function(msg){                              
              //saving done
              closeDialog(200);                            
          }           
        });     
        return false;           
  });
});

Answer 1:

尝试:

$(document).ready(function() {
  $("input[type='submit']").click(function() {
    $(this).closest('form').submit(function (evt) {
           //evt.preventDefault();
           alert(1);
           return false;
    });
  });
});


Answer 2:

更改您的代码:

$(this).closest('form').submit(function () {
           alert(1);
           return false;
        });

至:

$(function(){
    $('form').submit(function () {
        alert(1);
        return false;
    });
}):        

this在你的代码的window ,里面什么都没有<form>



文章来源: this input submit selector with closest form submit