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?

Why do you want/need to do this? What's the actual goal?

Anthony Grist
– Anthony Grist

2013-10-17 15:07:32 +00:00
Commented Oct 17, 2013 at 15:07 — Anthony Grist
– Anthony Grist, Commented Oct 17, 2013 at 15:07

Rory McCrossan · Accepted Answer · 2013-10-17 15:34:27Z

11

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;
    });
});

edited Oct 17, 2013 at 15:34

answered Oct 17, 2013 at 15:03

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Stphane Over a year ago

Wont the get parameter be added each time the select box has changed, making redundancy in the action url ? (well latest param should override the first ones)

Rory McCrossan Over a year ago

@f00bar it will indeed. I'll leave it to OP to fix if that's unintended behaviour.

John S Over a year ago

And actually for whatever reason the example is not "updating" the form action. Is your example suppose to?

Rory McCrossan Over a year ago

@JohnS what was the typo?

John S Over a year ago

The ")" after the return value

|

Ved Singhal · Accepted Answer · 2013-10-17 15:24:22Z

2

You can try this one:

$("form").attr('action',$("form").attr('action')+ "&MyVal=test");

edited Oct 17, 2013 at 15:24

user2555451

answered Oct 17, 2013 at 15:04

Ved Singhal

863 bronze badges

Comments

John S · Accepted Answer · 2013-10-17 15:09:07Z

0

I actually came up with something similar.

            $('.Mybox').on('change', function (event) {
            var action = $('form').attr('action');
            $('form').attr('action',action+"&test");
        });

But I think I like yours better. Thanks

answered Oct 17, 2013 at 15:09

John S

8,43723 gold badges90 silver badges163 bronze badges

Collectives™ on Stack Overflow

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

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related