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

时间:2012-05-18 12:25:07

标签: javascript forms select dynamic action

我有一个带有选择框的表单。启用JavaScript后,我使用更改事件将options-values定义为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>

1 个答案:

答案 0 :(得分:6)

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

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