如何在选择选择框时重新加载页面

Question

我想在选择该选项时重新加载页面。表单用于选择和删除所有选定的。

我的代码：

function change() {
  document.getElementById("sort_filter").submit();
}

<form action="action/delete.php" id="select_delete_form" method="get">

  <div class="btn-group">
    <a href="#check-all" class="btn btn-primary" id="check-all">Select All</a>
    <input type="submit" class="btn btn-danger" value="Delete Selected" onclick="return deleletconfig()">
  </div>

  <select id="sort_filter" name="sort_filter" method="get" onchange="change()">
    <optgroup label="Sort by">
      <option value="new">Newest</option>
      <option value="old">Oldest</option>
      <option value="most">Most Popular</option>
      <option value="less">Less Popular</option>
      <option value="user">Owner</option>
    </optgroup>
  </select>

  <input type="checkbox" value="11111" name="deleteid[]">
  <input type="checkbox" value="22222" name="deleteid[]">

</form>

Answer 1

您需要在form element上调用提交而不是选择元素

function change(){
    document.getElementById("select_delete_form").submit();
}

如果提交不是您想要的，那么表单重置可能更好吗？

function change(){
    document.getElementById("select_delete_form").reset();
}

如果您真的想重新加载页面，那么：

function change(){
    window.location.reload();
}