在没有 JavaScript 的情况下更改表单操作目标

Change form action target without JavaScript

本文关键字：表单 操作 目标 情况下 JavaScript      更新时间：2023-09-26

我有一个带有选择框的表单。在 JavaScript 打开的情况下，我采用 change 事件将选项值定义为 location.hrefs：

$('select').change(function(){
    window.location.href = $(this).val();
});

关闭JavaScript后，我有一个带有提交按钮的基本表单。要遵循选项值中给出的目标，我必须将它们设置为表单操作。您知道我如何仅将所选选项作为表单目标吗，例如使用任何 CSS 选择器或类似的东西？

形式：

<form action="test-1.html">
    <fieldset>
    <select id="lorem">
       <option value="test-1.html">test1</option>
       <option value="test-2.html">test2</option>
       <option value="test-3.html">test3</option>
    </select>
    <input type="submit" value="senden" class="submit" />
    </fieldset>
 </form>

您必须在服务器端代码中执行此操作。如果不启用 JavaScript，就无法动态更改 HTML DOM 中的任何内容。

因此，提交到某个中间页面，其唯一目的是重定向并在那里执行逻辑。

相关文章：