无需JavaScript即可更改表单操作目标

ho.*_*o.s 4 javascript forms select action dynamic

我有一个带选择框的表单.启用JavaScript后,我将change事件定义为location.hrefs:

$('select').change(function(){
    window.location.href = $(this).val();
});
Run Code Online (Sandbox Code Playgroud)

关闭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>
Run Code Online (Sandbox Code Playgroud)

Jor*_*dan 6

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

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