将用户重定向到选定的下拉列表

Question

我希望根据选项 it select 重定向用户。这是我的 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;     
        }
}

Answer 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

Answer 2

您可以查看此代码：

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

Answer 3

试试这个

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

将用户重定向到选定的下拉列表

Redirect user to selected dropdown

html

javascript

dropdown