带有动态操作的HTML表单(使用JavaScript？)

Question

我想创建一个这样的表单:

1. 在表单的输入中输入您的ID号并提交.
2. 表单的动作变得类似/account/{id}/.

我被告知JavaScript是实现这一目标的唯一方法(见这里),但是怎么样？

Answer 1

使用jQuery它可能看起来像这样:

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

这应该在输入元素中的文本发生更改时更改表单的操作.您也可以使用.blur()而不是.change()在焦点离开输入元素时执行操作,因此它不会一直保持更改等等.然后,在提交表单时,它应该提交到最后放在其action属性中的内容.