検索結果をクリックしてフォームに入力する機能

PHPとJavaScriptを使ってPHPでデータベースから検索した結果を表示し、結果をクリックするとフォームに自動入力される機能を実装したいのですが、テキストの入力部分がうまくいきません。
以下のコードの修正（主にPHPの結果表示部分とJavaScript）をお願いしたいです。
よろしくお願いします。

PHP
1<body>
2
3    <form action="" method="get">
4        <input type="text" name="search" value="<?php echo $search_value ?>" placeholder="">
5        <input type="submit" name="" value="検索">
6    </form>
7<!-- ここでSQLから取得した検索結果を表示します -->
8        <?php while ($result = $results->fetch()) : ?>
9            <ol>
10                <li class="results">
11                    <img src="images/<?php print($result['img']); ?>">
12                    <p><?php print($result['name']); ?></p>
13                </li>
14            </ol>
15        <?php endwhile ?>
16    <?php endif ?>
17    </form>
18
19    <form action="" method="post">
20        <input id="textBox" type="text" name="textBox" value="">
21    </form>
22    <script src="main.js"></script>
23</body>
24

JavaScript
1window.addEventListener('DOMContentLoaded', ()=>{
2    document.querySelectorAll('li').forEach(x=>{
3    x.addEventListener('click',e=>{
4    document.querySelector('#textBox').value=x.textContent;
5    });
6    });
7    });

m.ts10806

2020/07/07 13:43

＞コードの修正（主にPHPの結果表示部分とJavaScript）をお願いしたいですと書くと、質問ではなく作業依頼です。「うまくいかない」ではなく起きている問題を具体的に記載し、試したこと調べたことを明記してください。そのうえで「質問」にしてください。 $resultsが何者か明記されていませんし、となると「こういう情報があり、こうなることを望んでいる」といった要件を具体的に書かれないと、他者には応えようがありません。