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

您可以使用更简单的方法，因为您的按钮类型为submit。分配一个id并在文档上单击以编程方式单击它。

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

THE JS：

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

如果您想提交表格，无论是什么活动，您都可以随时遵循上述方法。

Answer 3

只需更新#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 4

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

只需将其更改为h1 tag的ID即可。更改如下

$（文件）.on（＆＃39;点击＆＃39;，＆＃39;＃my-id＆＃39;，功能（）{

运行示例

＆＃13;

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

＆＃13;

<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>

＆＃13;

Jquery自动提交不起作用

4 个答案: