Question

I want to create a form like this:

1. Type in your ID number into the form’s input and submit.
2. The form’s action becomes something like /account/{id}/.

I was told JavaScript was the only way to achieve this (see here), but how?

Answer 1

Using jQuery it might look something like this:

$('#inputAccount').change(function () {
    $('#myForm').attr('action', 'http://www.example.com/account/' + $('#inputAccount').val());
});

This should change the action of the form any time the text in the input element changes. You could also use .blur() instead of .change() to perform the action whenever focus leaves the input element, so it doesn’t keep changing all the time, etc. Then, when the form is submitted, it should submit to whatever was last placed in its action attribute.