html - 如何在树枝模板中直接获取输入元素的值

Question

我的树枝模板中有这个表格：

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