PHPで取得した値をonclickでフォームに自動入力したい

Question

PHPでデータベースから検索した結果を表示し、結果をクリックするとフォームに自動入力される機能を実装したいのですが、クリックから自動入力される部分がどのように作れば良いかわかりません。
検索結果が変数で渡ってくるためどのようにidを取得してくるのか、フォームのvalueにどのように変数を代入するのか教えていただきたいです。参考コードなどあるとありがたいです。どうぞよろしくお願いします。```PHP

<?php while ($result = $results->fetch()) : ?>

            <div class="info">
                <img src="images/<?php print($result['img']); ?>">
                <p><?php print($result['name']); ?></p>
            </div>
        
    <?php endwhile ?>

PHPでわたってくる結果がこちらになります。

Comments

[m.ts10806]

今、どこまでできてるんでしょう。それ次第ですし、現状のコードもなにもなしに得ようとするのは「参考」ではなく「作業依頼」です。

Answer 1

たとえばこんな感じ

• phpの検索が裏で何をやっているか不明なので今回は決め打ち
• UI自体はjsに任せる

Comments

[yambejp]

<?PHP
$hoge=filter_input(INPUT_GET,"hoge");
$newarea="";
if($hoge=="text"){
$newarea.="<ul>";
$newarea.="<li>text1</li>";
$newarea.="<li>text2</li>";
$newarea.="<li>text3</li>";
$newarea.="<li>text4</li>";
$newarea.="</ul>";
$newarea.="<input type=\"text\" name=\"fuga\" id=\"fuga\">";

}
?>
<script>
window.addEventListener('DOMContentLoaded', ()=>{
document.querySelectorAll('li').forEach(x=>{
x.addEventListener('click',e=>{
document.querySelector('#fuga').value=x.textContent;
});
});
});
</script>
<form>
<input type="text" name="hoge" value="text">
<input type="submit" value="send">
</form>
<?=$newarea?>