Question

我在twig模板中有这个表单：

<form id="search-box" action="/search" method="get">
    <input id="search-query" type="text" placeholder="Search..." name="search" role="textbox">
    <a id="search-btn" href="....."></a>
</form>

我的目标是使用输入 id =“search-query”的值来为 a id =“search-btn”创建href

为此，我必须访问输入 id =“search-query”的值。

我试过了：

{{ form.search-query.value }}

和

{{ search-box.search-query.value }}

但这些都不起作用。我收到表单或搜索不存在的错误。

有什么想法吗？

Answer 1

通常，您可以使用jQuery执行此操作：

var given_val = '';
var wanted_href = '';
given_val = $('input#search-query').val();
wanted_href = 'http://www.example.com/' + given_val;
$('a#search-btn').attr('href',wanted_href);

Answer 2

你应该使用{{ form.search-query.all.value }}

如何直接在twig模板中获取输入元素的值

2 个答案: