提交时更改表单动作的最佳方式

Question

基本上我有一个有几个下拉列表的表单，但是我希望将页面设置为表单提交的操作将基于在一个表单中选择的选项的下降。我想坚持一个提交按钮，所以它似乎有点棘手。任何人都可以将我指向正确的方向吗？

Answer 1

你可以使用一些jQuery。

$("#yourDropDown").change(function() { 
    var text = $(this).children(':selected').text(); 
    $("#yourForm").attr('action', text); 
}); 

其中“yourDropDown”是你的下拉菜单的ID，而“yourForm”是表单的ID，并在下拉选项的文本是完全合格的URL张贴到。

编辑：另外，我同意昆汀对你的帖子的评论。

Answer 2

另一种方法是在窗体上添加onsubmit事件处理程序。如果你的形式看起来是这样的：

<form id="myForm" action="action1.php"> 
    <select id="myDropdown"> 
     <option value="1">Option 1</option> 
     <option value="2">Option 1</option> 
    </select> 
    <input type="submit" value="Submit" /> 
</form> 

添加以下JavaScript（这里使用jQuery）：

$(document).ready(function() { 

    $('#myForm').submit(function() { 
     var dropdownVal = $("#myDropdown").val(); 
     switch(dropdownVal) { 
      case 1: 
       $(this).attr('action', 'action1.php'); 
       // do other stuff if you want 
       break; 
      case 2: 
       $(this).attr('action', 'action2.php'); 
       // do other stuff if you want 
       break;     
     } 
    } 

});