jquery自动提交不工作

Question

我有一个问题。我想当我点击一个h1标签，然后h1标签id添加输入值并自动提交。但自动提交不起作用。 如果我点击提交按钮，然后提交其数据。

<h1 id="my-id">sadasdsa</h1> 
<form action="" method="POST" id="aweberform"> 
    <p><input type="text" name="countrycode" value="" id="country"></p> 
    <button type="submit" name="submit" class="btn">Submit</button> 
</form> 

的Jquery：

$(document).on('click', 'h1', function() { 
    //alert(this.id); 
    $("h1").text(this.id); 
    $("input").val(this.id); 
    $("#aweberform").submit();  
}); 
$(document).click(function(){ 
    $("#aweberform").submit(); 
}); 

Answer 1

的问题是在这里：

$(document).on('click', 'path', function() { 

是什么path这里？

你必须使用ID，类，属性的名称作为selector，但在你的情况下，在html中没有path。因此请将path更改为：

$(document).on('click', '#my-id', function() { 

并重试。

Answer 2

只需更新#my-id替代路径：

$(document).on('click', '#my-id', function() { 
 
    //alert(this.id); 
 
    $("h1").text(this.id); 
 
    $("input").val(this.id); 
 
    $("#aweberform").submit();  
 
}); 
 
$(document).click(function(){ 
 
    $("#aweberform").submit(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1 id="my-id">sadasdsa</h1> 
 
<form action="" method="POST" id="aweberform"> 
 
    <p><input type="text" name="countrycode" value="" id="country"></p> 
 
    <button type="submit" name="submit" class="btn">Submit</button> 
 
</form>

Answer 3

您可以使用一个简单的方法为您的按钮类型是submit。给它分配一个id，然后在文档上单击编程单击它。

<button type="submit" name="submit" class="btn" id="submitBTN">Submit</button> 

的JS：

$(document).click(function(){ 
    $("#submitBTN").click(); 
}); 

，如果你想提交表单无论是事件，您可以始终遵循上述办法。

Answer 4

在你的JQuery你提到你提到path但什么是

只是单纯地改变成h1 tag ID，以便变化如下

的$（document）。在（“点击”，' ＃我-ID”，函数（）{

运行实施例

$(document).on('click', '#my-id', function() { 
 
    //alert(this.id); 
 
    $("h1").text(this.id); 
 
    $("input").val(this.id); 
 
    $("#aweberform").submit();  
 
}); 
 
$(document).click(function(){ 
 
    $("#aweberform").submit(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1 id="my-id">sadasdsa</h1> 
 
<form action="" method="POST" id="aweberform"> 
 
    <p><input type="text" name="countrycode" value="" id="country"></p> 
 
    <button type="submit" name="submit" class="btn">Submit</button> 
 
</form>