javascript生成表单提交链接

我想制作一个表单，在其中输入一个数字，生成如下链接：{{number}

{{number}}将在我输入77时更改，提交将带我到

如何才能做到这一点？

当用户在输入框中输入时，必须使用attr表单的action属性。我刚刚在表单和输入标签中添加了一个id

var$form=$'url-form'； $'number'。在'input'上，函数{ $form.attr'action'，$form.data'action'+$this.val； console.log$form.attr'action' }

---

因此，您需要能够更改表单的action属性的值

<div class="form-group">
    <form action="/edit/[[number]]" method="get" id="form">
        <input class="form-control" type="text" name="number">
        <br>
        <input type="submit" name="save" value="save" class="btn btn-success">
    </form>
</div>

但这只会更改表单值一次，因此我们需要添加一个事件侦听器，在本例中为onchange

把这两个元素加在一起应该会产生这样的效果

$('form#form').attr('action', '/edit/' + $('form#form input[name="number"]').val());

$( 'form#form input[name="number"]').on('input', function() {
    $('form#form').attr('action', '/edit/' + $('form#form input[name="number"]').val());
});

$'formform input[name=number]'。在'input'上，函数{ $'formform'.attr'action'，'/edit/'+$'formform输入[name=number]'.val； 日志$'formform'.attr'action'； }; 函数生成器{ var链路=http://domain.com/edit/+document.getElementByIdnumberId.value； alertlink； }

---

可能是我放11杆时想要得到的复制品。但是我知道你把html代码更新到我提供的那个了吗？是的，我更新了。问题是您使用的是GET请求，它将返回该输出类型。此外，还需要加载Jquery。删除参数不会将信息发送到服务器。这也是不可能做到的。如果希望发送不带任何参数的GET请求，我建议您研究AJAX解决方案。

$('form#form').attr('action', '/edit/' + $('form#form input[name="number"]').val());

$( 'form#form input[name="number"]').on('input', function() {});

$( 'form#form input[name="number"]').on('input', function() {
    $('form#form').attr('action', '/edit/' + $('form#form input[name="number"]').val());
});