在下拉选择中更改表单操作

时间:2014-09-05 19:59:53

标签: javascript jquery ajax

所以我在下面给出了一个表格;我试图根据选择更改表单的操作链接。然而,它并不适合我。

<form action="">
    <select id="location">
        <option value="http://www.google.com/php:id=384733">New York</option>
        <option value="http://www.google.com/php:id=384734">Georgia</option>
    </select>
    <input type="submit" value="Submit">
</form>


$("#location").change(function() {
    var action = $(this).val();
        $("form").attr("action")};
    });
)};

除了这两个州之外,我还有所有州,但在这个例子中,我列出了两个州。该值将是具有不同ID号的URL,如上所示。

最后,如果我选择了纽约,表单代码中的操作会更新并显示与此类似的内容;

<form action="http://www.google.com/php:id=384733">

2 个答案:

答案 0 :(得分:2)

您几乎就在那里,只有一些语法错误,而且您从不设置属性

$("#location").on('change', function() {
    $(this.form).attr("action", this.value);
});

答案 1 :(得分:0)

您的javascript中似乎有拼写错误,请检查:

$("#location").change(function() {
        var action = $(this).val();
        $("form").attr("action",action);
});