javascript - 如何对不同的选择选项设置不同的操作？

Question

当我单击“应用”按钮时，我希望将不同的操作链接到不同的选项值，这是我的代码:

<select class="input-sm form-control" id="pendingbulk">
   <option value="0">Bulk Actions</option>
   <option value="1">Accept</option>
   <option value="2">Reject</option>
   <option value="3">Report</option>
</select>

<button class="btn btn-sm btn-default" id="pendingapply">Apply</button>

<script>
   $("#pendingapply").onclick(function() {
   var action = $('#pendingbulk').val();
   if (action == 1) {
     $(this).attr("action", "/accept/" + action);
   } else if (action == 2) {
     $(this).attr("action", "/reject/" + action);
   } else if (action == 3) {
     $(this).attr("action", "/report/" + action);
   };
   })
</script>

提前致谢。

Answer 1

form 有 action 属性而不是按钮。如果您的按钮包含在您应该使用的表单中

$(this).closest('form').attr("action", ActionString);

或者，只需在表单中添加一个 ID 并使用

$('#YourFormId').attr("action", ActionString);

还可以使用.click()

$("#pendingapply").click(function() { //Typo here