Is it real at all?

Question

JavaScript

I am new to js.
I need to substitute the value from the input in the action of the form, I try like this:

<form action="/search/node/document.getElementById('search').value" method="get">
                    <span class="icon"><i class="fa fa-search"></i></span>
                    <input type="search" id="search" placeholder="Поиск..." />
                        <input type="submit">
                    </form>

It does not work
How to implement it correctly so that it works?

Answer 1

more correctly like this:

jQuery(document).ready(function($){
  $('#searchform [type="submit"]').on('click', function(e){
    e.preventDefault();
    $(this).closest('form').attr('action', '/search/node/' + $('#search').val()).submit();
  });
});

<form>And don't forget to add id="searchform" to the form ( ), otherwise the code will work when submitting any form on the site.
And since the author of the question is new to JS, it is worth mentioning that this code works on the jQuery framework, which must be included before calling this code. And this code - immediately after the output of the form code, wrapping it in <script>...</script>.

Answer 2

$('button[name=fake-submit]').on('click', function(){
    $(this).closest('form').attr('action', '/search/node/' + $('#search').val()).submit();
});