Question

不确定我出错的地方/地点。一直试图在点击时动态更改按钮功能。一个是打开Bootstrap Modal，另一个是作为提交。由于某种原因，if语句根本没有被执行。虽然我对jQuery完全不熟悉，但一直没有运气。请欣赏任何指针。这就是我所拥有的

submitButton.click(function(){
// submitButton.on('click', function() { 
    var e = document.getElementById("ddlAct"), // get value of select option drop down list
        choosenAct = e.options[e.selectedIndex].value;  

    alert("hello"); // to check that this function gets call when  click the button
    alert(choosenAct); // check the value
    if (choosenAct == 'markasgone') {
        alert(choosenAct)
        $('#reasonModal').modal('show');
    } else {
        alert(choosenAct); // add the missing 'n' that cause issue in if stmt
        $("form").submit();
    }
});

上述脚本的结果是：

我在if语句和非后语之前得到2个警报。我在if stmt中添加了另一个警报，因为我怀疑如果stmt没有执行。这似乎就是这种情况，因为我只收到2个警报。我错过了什么？

我想要实现的是，如果用户选择'markasgone'选项，那么当单击表单中的GO按钮时，它会弹出一个Bootstrap模式，询问原因，否则只需提交表单。

请帮忙。非常感谢先进。

更新：感谢谢尔盖发现错字。我现在遇到的问题是没有显示BootStrap Modal窗口。我的代码是

<button id="gobutton">Go</button>  

{% comment %}**** Modal ****{% endcomment %}
<div class="modal fade" id="reasonModal" tabindex="-1" role="dialog" aria-labelledby="reasonModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header"> <h4>Reason Please</h4> </div>
         <div class="modal-body">
            <p> Please let us know your reasons: </p>
            {% include "common/reasons.html" %}
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>

            <input type="submit" class="btn btn-default" name="confirm" value="Confirm">
         </div>
      </div><!-- /.modal-content -->
   </div>
</div><!-- /.modal -->

Answer 1

注意：第11行缺少n

submitButton.click(function(){
// submitButton.on('click', function() { 
var e = document.getElementById("ddlAct"), // get value of select option drop down list
    choosenAct = e.options[e.selectedIndex].value;  

alert("hello"); // to check that this function gets call when  click the button
alert(choosenAct); // check the value
if (choosenAct == 'markasgone') {
    alert(choosenAct)
    $('#reasonModal').modal('show');
} else {
    alert(choosenAct);
    $("form").submit();
}
});

点击使用jQuery更改按钮功能

1 个答案: