jquery更改表单提交的url

前端之家收集整理的这篇文章主要介绍了jquery更改表单提交的url前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想更改表单提交的URL,点击如下所示。以下是我试过的但是不行。
  1. <form action="" method="post" class="form-horizontal" id="contactsForm" enctype="multipart/form-data">
  2. <div class="widget-content">
  3.  
  4. <div class="btn-group">
  5. <button data-toggle="dropdown" class="btn dropdown-toggle"> &nbsp;
  6. <span class="icon-folder-open icon-large"></span>
  7. Move To <span class="caret"></span>
  8. </button>
  9. <ul class="dropdown-menu">
  10. {% for x,y in actionsForm.fields.move_to.choices %}
  11. <li><a class="move_to" id="{{ x }}" href="#">{{ y }}</a></li>
  12. {% endfor %}
  13.  
  14. <script>
  15. $(document).ready(function() {
  16. $(".move_to").on("click",function () {
  17. $('#contactsFrom').attr('action',"/test1");
  18. $("#contactsFrom").submit();
  19. e.preventDefault();
  20. });
  21. });
  22. </script>

解决方法

尝试使用这个:
  1. $(".move_to").on("click",function(e){
  2. e.preventDefault();
  3. $('#contactsForm').attr('action',"/test1").submit();
  4. });

移动您使用的顺序.preventDefault()可能会解决您的问题。你也没有使用函数(e),所以e.preventDefault();没有工作。

这里正在工作:http://jsfiddle.net/TfTwe/1/ – 首先,点击“检查动作属性”。链接。你会得到一个警报说未定义。然后点击“设置操作属性”。并单击“检查操作属性”。再次。您将看到窗体的动作属性已正确设置为/ test1。

猜你在找的jQuery相关文章