如何从列表 select 并单击提交按钮然后转到 link "in HTML"

How to select from list and click submit button then go to link "in HTML"

我为我的项目找到了这段代码。我想将其更改为通过单击提交按钮打开网站

<html>
<body>
<form action="/action_page.php" method="get">
  <label for="cars">Choose a Site:</label>
  <select id="site" name="site">
    <option value="Google">Google</option>
    <option value="Yahoo">Yahoo</option>
    <option value="MSN">MSN</option>
  </select>
  <input type="submit">
</form>
</body>
</html>

例如:当 select 来自列表的“Google”时,单击“提交”按钮打开存在于“action_page.php”上的“www.google.com” =14=]

我没有“action_page.php”代码

首先,我修改了你的html代码:

<html>
<body>
<form method="get">
  <label for="cars">Choose a Site:</label>
  <select id="site" name="site">
    <option value="Google">Google</option>
    <option value="Yahoo">Yahoo</option>
    <option value="MSN">MSN</option>
  </select>
</form>
<button type="button" id="button" >Submit</button>

<script src="script1.js"></script>
</body>
</html>

在表单外创建了一个按钮并引用了外部 js 文件 script1.js

然后我创建了 js 文件并向其中添加了这段代码:

var select = document.getElementById('site');

document.getElementById("button").onclick = function(){
    var value = select.value
    if (value == "Google")
    {
        window.location.href = "https://www.google.com/";
    }
    else if (value == "Yahoo")
    {
        window.location.href = "https://www.yahoo.com/";
    }
    else if (value == "MSN")
    {
        window.location.href = "https://www.msn.com/";
    }
};

它从html脚本中找到select标签和按钮,检查按钮是否被按下并根据下拉菜单重定向到相应的网站 selection.