我需要在点击 "submit" 按钮（使用 select 和数字选项）后添加一个警报（或类似的弹出窗口）

Question

我非常了解 Javascript 和 HTML，刚开始学习 IT，这是我的第一次评估。本质上，任务是 - 提供一个下拉列表和一个年龄输入框，提供一个“提交”按钮并添加一个带有 JS 的警告框，显示用户是否输入了正确的详细信息以继续。（新西兰和 18 岁（或更高）是继续的“正确”答案 - 其他国家选项和低于 18 岁的人会收到拒绝警报答案）

到目前为止，这是我的 HTML：

<body>       
<form method="get">
 <select id="country" name="country">
 <option value="0">PLEASE SELECT YOUR COUNTRY</option>
 <option value="1">New Zealand</option>
 <option value="2">Australia</option>
 <option value="3">Switzerland</option>
 </select>  
<input type="number" id="dob">
</form> 
 
    <button type="button" id="submit" >SUBMIT</button>
   <script src="test.js"></script>
   </body>

我试过使用 Javascript（如下所示的变量）和函数（我混淆并删除了）：

var select = document.getElementById("country");

document.getElementById("button").onclick = function(){
    var value = select.value
    if (value == "1")
    {
        alert("Thanks");
    }
    if (value == "2")
    {
        alert("sorry");
    }
    if (value == "3")
    {
        alert("sorry");
    }
    if (value == "0")
    {
        alert("sorry");
    }
};

Answer 1

你在document.getElementById("button").onclick 中的id 是错误的。 ID 是提交而不是按钮

    var select = document.getElementById("country");

   document.getElementById("submit").onclick = function(){
var value = select.value
if (value == "1")
{
    alert("Thanks");
}
if (value == "2")
{
    alert("sorry");
}
    if (value == "3")
      {
    alert("sorry");
      }
    if (value == "0")
     {
        alert("sorry");
      }
    };

我重构了你的代码。它应该运行像这样

  const select = document.getElementById("country");

const inp = document.getElementById("dob");

document.getElementById("submit").onclick = function(){
  const selected = select.value;
  const dob = parseInt(inp.value);
  
  if( selected === "1" && dob >= 18 ){
    alert("Thanks");
  } else {
    alert("Sorry");
  }
};

<form method="get">
 <select id="country" name="country">
 <option value="0">PLEASE SELECT YOUR COUNTRY</option>
 <option value="1">New Zealand</option>
 <option value="2">Australia</option>
 <option value="3">Switzerland</option>
 </select>  
<input type="number" id="dob">
</form> 
 
    <button type="button" id="submit" >SUBMIT</button>

我需要在点击 "submit" 按钮（使用 select 和数字选项）后添加一个警报（或类似的弹出窗口）

I need to add an alert (or similar popup) after hitting the "submit" button (with select & number options)

html

javascript

alert

submit

dropdown