我有下面的程式碼，程式碼可以工作，但只有在點擊選擇選項後才能工作，但是當我在使用向上和向下箭頭時更改值時，程式碼不起作用。

我嘗試修改腳本，將選項“單擊”更改為“更改”，但此解決方案不起作用。有人可以幫我嗎？

$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'].'< /option>';
        ?>
        <script>
        $("#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();
            }
            else
            {
                $("textarea").html("");
                $("input[name='new_subject']").show();
            }

        });
        </script>
        <?php
    }
    echo '</select>';
}