CODEWITHSUNDEEP
javascriptjquery
aberti
aberti

Reputation: 135

changing form method with js on firefox

I need to change the method attribute of my form with javascript (jQuery or pure).

My form has method="post", i try to change it with:

$("#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();
});

This code works on Chrome and I8 but not on Firefox. The action is set correctly and also method variable contains "get" or "post" correctly. Any idea?

SOLVED: I was using an old version of jquery (copy&paste fault), i've upgraded to 1.7.1 and now it works, with the same code...

Upvotes: 4

Views: 24047

Answers (4)

lutfi adnan
lutfi adnan

Reputation: 1

maybe you can write the code like this

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

Upvotes: 0

Jones
Jones

Reputation: 1500

You need put code after you declaration of form.

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

Upvotes: 1

Churk
Churk

Reputation: 4637

this is my code, and it works just fine on both 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>

Upvotes: 15

wanovak
wanovak

Reputation: 6127

Try this:

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

Upvotes: 1

Related Questions