javascript - jQuery 提交不起作用？

Question

我使用了引导模式，当我单击“添加更改”按钮时，没有任何反应.. :(

头部脚本：

<script>
$("addBtn").click(function() {
    $("programFormDropDown").submit(function(event) {           
    });
});
</script>

我体内的模态：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Confirm your change</h4>
                    </div>
                    <div class="modal-body">Are you sure you need to add these ?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button id="addBtn" class="btn btn-primary">Add changes</button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>

和我在同一个身体里

<form id="programFormDropDown" action="../hDashBoard/project">

......

你能给出一些想法吗？

Answer 1

你似乎#在你的选择器中忘记了 a ，除非你使用 Mootools来获取 ID$('id')试试这个：

$("#addBtn").click(function() {
   ^
    $("#programFormDropDown").submit(function(event) { 
       ^          
    });
});

Answer 2

您似乎缺少选择器中的“#”引用。

<script>
$("#addBtn").click(function() {
    $("#programFormDropDown").submit(function(event) {           
    });
});
</script>

Answer 3

你错过#了两个选择器 jquery

尝试这个：

$("#addBtn").click(function() {
    $("#programFormDropDown").submit(function(event) {           
    });
});

而不是这个：

$("addBtn").click(function() {
    $("programFormDropDown").submit(function(event) {           
    });
});

Answer 4

看起来您不是在寻找 ajax 提交，在这种情况下，将按钮类型更改为提交

<button id="addBtn" class="btn btn-primary" type="submit">Add changes</button>

如果你想使用脚本

/add script in dom ready handler
jQuery(function () {
    //use id selectors - # in front of id
    $("#addBtn").click(function () {
        //call the dom elements submit method
        $("#programFormDropDown")[0].submit();
    });
})