点击按钮时如何获取3个输入框ID对应值并拼接生成指定跳转URL

云上老周

2026-10-3

问题原因

你的代码存在三处核心错误：

document.getElementById() 仅支持传入单个ID查询元素，无法同时获取三个输入框的值，需要分别查询
代码中调用的ID imdbseriesID/season#/episode# 和输入框实际定义的ID不匹配，且JS变量名不允许包含#等特殊字符
按钮ID与函数名均为search，部分浏览器会出现命名冲突导致函数无法触发

修复后完整代码

<p>Watch Series Online</p>
<input type="search" id="imdbseries" class="Search" placeholder="IMDB ID">
<input type="search" id="season" class="Search" placeholder="SEASON">
<input type="search" id="episode" class="Search" placeholder="EPISODE">
<button id="watchBtn" onclick="goWatch()">Watch Now</button>

<script>
function goWatch() {
  // 分别获取三个输入框的输入值并去除首尾空格
  const imdbId = document.getElementById('imdbseries').value.trim();
  const seasonNum = document.getElementById('season').value.trim();
  const episodeNum = document.getElementById('episode').value.trim();
  
  // （可选）非空校验，避免空值跳转
  if (!imdbId || !seasonNum || !episodeNum) {
    alert('请填写完整的IMDB ID、季数、集数');
    return;
  }

  // 拼接URL完成跳转
  window.location.href = `https://mysiteurl.com/tv.php?imdb=${imdbId}&season=${seasonNum}&episode=${episodeNum}`;
}
</script>