表单提交中的 Chrome iOS 错误 - 重定向到错误的 URL

Question

我正在通过 jQuery 更改表单的 action 属性。这适用于所有主要浏览器和设备，但不适用于 chrome 72.0.3626.101 iOS。

<form id="filter_form" action="/previous-folder/">
    <select name="brand" id="filter_brand">
        <option value="example">Example</option>
        <option value="test">Test</option>
    </select>
    <input id="filter_submit" type="submit" value="Suchen">
</form>

jquery 代码：

<script>
    $("#filter_submit").on("click", function(e){
       $("#filter_form").attr("action", "/"+$("#filter_brand").val()+"/").submit();
       return false;
    });
</script>

所以选择按钮决定了 URL，应该去 /example/?para..

而是转到/previous-folder/#/example/?para

更改的 URL 是正确的，我尝试输出到控制台，它是好的。然而，在 iOS 上提交的 URL 是提到的那个。适用于所有其他设备。

顺便说一下，该 URL 受 apache 重写规则影响：

RewriteRule  ^/home/www/(example/(.*))/(ref-.*)?$ /subapp_search/index.php?fa=1&rw=1 [L]

如何调试和修复这样的行为？

Answer 1

我不建议在提交按钮单击事件中使用任何脚本。改用表单提交事件

$("#filter_form").on("submit", function(e) {
  this.action =  "/" + $("#filter_brand").val() + "/"
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="filter_form" action="/previous-folder/">
  <select name="brand" id="filter_brand">
    <option value="example">Example</option>
    <option value="test">Test</option>
  </select>
  <input id="filter_submit" type="submit" value="Suchen">
</form>