以下のコードは機能しますが、クリックしてオプションを選択した後でのみ機能しますが、上下の矢印を使用して値を変更すると、コードは機能しません。

スクリプトを変更してオプション「クリック」を「変更」に変更しようとしましたが、この解決策は機能しませんでした。誰か助けてくれませんか？

$select = $db_connect -> query("SELECT * FROM templates");
if($select -> num_rows > 0)
{
    echo '<select id="subject" name="subject" class="form-select">';
    
    while($row = $select -> fetch_assoc())
    {
        echo '<option id="'.$row["id"].'" value="'.$row['template_subject'].'">'.$row['template_subject'].'< /オプション>';
        ?>
        <スクリプト>
        $("#subject #<?php echo $row['id']; ?>").on('click', function(){
            
            if((this.id = "<?php echo $row['id'];?>") && (this.id != 1))
            {
                $("textarea").html("<?php echo $row['template_text']; ?>");
                $("input[name='new_subject']").hide();
            }
            それ以外
            {
                $("テキストエリア").html("");
                $("input[name='new_subject']").show();
            }

        });
        </スクリプト>
        <?php
    }
    echo '</select>';
}