Question

我需要使用javascript（jQuery或pure）更改表单的method属性。

我的表单有method =“post”，我尝试用以下内容进行更改：

$("#submit-button").click(function(){ 
    var url = $('input[id=url]').val();
    var method = $('#method option:selected').val();
    $("#form-test").attr("action", url); 
    $("#form-test").attr("method", method);
    $("#form-test").submit();
});

此代码适用于Chrome和I8，但不适用于Firefox。操作设置正确，方法变量也正确包含“获取”或“发布”。有什么想法吗？

已解决：我使用旧版本的jquery（复制和粘贴错误），我升级到1.7.1现在它可以使用相同的代码......

Answer 1

这是我的代码，它在IE / FF / Chrome

上都运行良好

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
function changeMethod() {
    $("#myPost").attr("method", "get");
}
</script>

<form method="post" id="myPost">
    <input type="text" name="abc" id="abc" value="Something" />

    <input type="submit" value="submit" onclick="changeMethod()" />
</form>

Answer 2

试试这个：

$(function(){
    $("#form").attr("method", "get");
});

Answer 3

您需要在声明表单后输入代码。

<form id="form"> ... </form>
<script>
   $("#form").attr("method", "get");
</script>

Answer 4

也许您可以像这样编写代码

$("#myPost").prop("method","get")

在firefox上使用js更改表单方法

4 个答案: