将用户重定向到选定的下拉菜单答案

【问题标题】：Redirect user to selected dropdown将用户重定向到选定的下拉菜单
【发布时间】：2021-03-07 11:37:02
【问题描述】：

我希望根据用户选择的选项重定向用户。这是我的 HTML 代码，代码已经在 example.com/page 中，它会将我重定向到 example.com/page 而不是 example.com/page/1。请帮我整理一下

<select class="select-mob" id="select" onChange="fire()">
  <option value="1"> Page 1</option>
  <option value="2">Page 2 </option>
  <option value="3">Page 3</option>
</select>

这是我的 JavaScript

function fire() {
  var page = document.getElementByID('select').value;
    if (page = "") {
        window.location = "https://example.com/page"      
     } else {
         window.location= "https://example.com/page/" +page;     
        }
}

【问题讨论】：

您是否遇到任何特定错误？还可以尝试使用page === "" 而不是单个=。
你能检查一下 ::: var page = document.getElementById('select').value; if (page == "") { window.location = "example.com/page" } else { window.location = "example.com/page" +page; }

标签： javascript html dropdown

【解决方案1】：

您使用的是= 而不是==/===。
还将 document.getElementByID 更改为 document.getElementById。
你在这里：

function fire() {
  var page = document.getElementById('select').value;
    if (page == "") {
        window.location = "https://example.com/page"      
     } else {
         window.location= "https://example.com/page/" +page;     
        }
}

Example

【讨论】：

【解决方案2】：

您可以检查此代码：

 var page = document.getElementById('select').value;
    if (page == "") {
        window.location = "https://example.com/page"      
     } else {
         window.location= "https://example.com/page/" +page;     
        }

【讨论】：

【解决方案3】：

试试这个

function fire() {
  let page = document.querySelector('select').value;
  page == "" ? window.location = "https://example.com/page" : window.location= "https://example.com/page/" +page; 
}

【讨论】：