Javascript 从属选择标记

我在一个照片博客上工作，博客管理员将能够创建相册并将图像上传到这些相册。管理员将能够选择一个封面图像来代表主页上的相册-这是本表的目的

第一个选项标签用于选择管理员希望选择封面照片的相册。根据所选的相册，我希望第二个选项标记仅显示属于所选相册的图像。目前它正在显示所有图像

我在express/ejs工作

非常感谢您的帮助，谢谢

    <div class="upload-form">
      <form action="/cover" method="post" enctype="multipart/form-data">
        <h3 class="form-title">choose album cover</h3>

        <div class="form-group">
          <label for="album">album:</label>
          <select class="form-control" id="album-select" name="album" required >
            <option disabled selected value> select an album </option>
            <!-- For each album, render an <option> tag for the dropdown  -->
            <% albums.forEach((album, i) => { %>
              <option value="<%= album.id %>"><%= album.title %></option>
            <% }); %>
          </select>
        </div>
        <div class="form-group">
          <label for="title">cover image: (title - file name)</label>
          <select class="form-control" name="cover" required >
            <option disabled selected value> select a cover image </option>
            <% images.filter((image) => image.album_id === 19).forEach((image, i) => { %>
              <option value="<%= image.id %>"><%= image.title + " - " + image.file_name %></option>
            <% }); %>
          </select>
        </div>
        <button class="btn btn-primary" type="submit" style="width: 10em; margin-left: 18em" value="Submit">submit</button>
      </form>
    </div>

    <script>
      $( "#album-select" ).change(() => {
        slctdAlbumID = $('#album-select option:selected').val();
        console.log("ID", slctdAlbumID);
      });
    </script>

选择专辑封面
专辑：
选择相册
{ %>
封面图片：（标题-文件名）
选择封面图像
image.album_id==19.forEach（（图像，i）=>{%>
提交
$（“#相册选择”）。更改（（）=>{
slctdAlbumID=$（“#唱片集选择选项：选定”）.val（）；
console.log（“ID”，slctdAlbumID）；
});