Using Jquery to append form field's value to form action?

Question

I have a simple form with a few textboxes on it. I would like to capture the input of the textboxes, modify it slightly and then append it to the form action URL.

  $('.myBox').on('change', function (event) {
        var myVal = $(this).val();
        $('form').attr('action').appendTo("&MyVal="+myVal);
    });

The above code doesn't work because there is no appendTo to the attr value. Is there another way to accomplish this?

Answer 1

Your syntax isn't quite right as you want to update the value of the action attribute, not append an element. Try this:

$('.myBox').on('change', function (event) {
    var myVal = $(this).val();
    $('form').attr('action', function(i, value) {
        return value + "&MyVal=" + myVal;
    });
});