Javascript 验证选择框

我想知道如何验证用户是否从我编码的选择框中选择了一个国家

守则：

<label>Select a Country:
    <br />
    <select name="country">
        <option selected disabled>Choose a Country</option>
        <option value="United States">United States</option>
        <option value="Canada">Canada</option>
        <option value="Mexico">Mexico</option>
    </select>
</label>

• 您的
  元素当前将有一个默认值“选择一个国家”，因此您的if语句将永远不会为true（没有值为

  =''

  的选项）。设置

  值

  属性以更改该值

• 表单

  未定义。您可以使用多种方法选择表单，其中一个选项是。以下假设主题框是文档中第一个匹配的

  选择[name=“country”]

函数validateCountry（）{
var-selectBox=document.querySelector（'select[name=“country”]”）；
如果（selectBox.value==“”）{
警报（“请选择一个国家！”）；
选择box.focus（）；
返回false；
}
}
document.getElementById（'button'）。onclick=validateCountry
选择一个国家：


选择一个国家
美国
加拿大
墨西哥
验证

您的
元素当前将有一个默认值“选择一个国家”，因此您的if语句将永远不会为true（没有值为
=''
的选项）。设置
值
属性以更改该值
表单
未定义。您可以使用多种方法选择表单，其中一个选项是。以下假设主题框是文档中第一个匹配的
选择[name=“country”]


函数validateCountry（）{
var-selectBox=document.querySelector（'select[name=“country”]”）；
如果（selectBox.value==“”）{
警报（“请选择一个国家！”）；
选择box.focus（）；
返回false；
}
}
document.getElementById（'button'）。onclick=validateCountry
选择一个国家：


选择一个国家
美国
加拿大
墨西哥
验证

您的
元素当前将有一个默认值“选择一个国家”，因此您的if语句将永远不会为true（没有值为
=''
的选项）。设置
值
属性以更改该值
表单
未定义。您可以使用多种方法选择表单，其中一个选项是。以下假设主题框是文档中第一个匹配的
选择[name=“country”]


函数validateCountry（）{
var-selectBox=document.querySelector（'select[name=“country”]”）；
如果（selectBox.value==“”）{
警报（“请选择一个国家！”）；
选择box.focus（）；
返回false；
}
}
document.getElementById（'button'）。onclick=validateCountry
选择一个国家：


选择一个国家
美国
加拿大
墨西哥
验证

您的
元素当前将有一个默认值“选择一个国家”，因此您的if语句将永远不会为true（没有值为
=''
的选项）。设置
值
属性以更改该值
表单
未定义。您可以使用多种方法选择表单，其中一个选项是。以下假设主题框是文档中第一个匹配的
选择[name=“country”]


函数validateCountry（）{
var-selectBox=document.querySelector（'select[name=“country”]”）；
如果（selectBox.value==“”）{
警报（“请选择一个国家！”）；
选择box.focus（）；
返回false；
}
}
document.getElementById（'button'）。onclick=validateCountry
选择一个国家：


选择一个国家
美国
加拿大
墨西哥
验证
也可以基于document.getElementById进行验证，只需在选择框中添加代码id=“country”

 <label>Select a Country:
  <br />
 <select name="country" id="country">
   <option value="">Choose a Country</option>
   <option value="United States">United States</option>
   <option value="Canada">Canada</option>
   <option value="Mexico">Mexico</option>
  </select>
</label>
 <button id='submit' onclick="return validateCountry();">Validate</button>
function validateCountry() {
 if(document.getElementById('country').value =='')
   {
     alert("Please select a country");
      return false;
   } 
  else
   {
      return true;
    } 
}

选择一个国家：


选择一个国家
美国
加拿大
墨西哥
验证
函数validateCountry（）{
if（document.getElementById（'country'）。值=“”）
{
警报（“请选择一个国家”）；
返回false；
} 
其他的
{
返回true；
} 
}
也可以基于document.getElementById进行验证，只需在选择框中添加代码id=“country”

 <label>Select a Country:
  <br />
 <select name="country" id="country">
   <option value="">Choose a Country</option>
   <option value="United States">United States</option>
   <option value="Canada">Canada</option>
   <option value="Mexico">Mexico</option>
  </select>
</label>
 <button id='submit' onclick="return validateCountry();">Validate</button>
function validateCountry() {
 if(document.getElementById('country').value =='')
   {
     alert("Please select a country");
      return false;
   } 
  else
   {
      return true;
    } 
}

选择一个国家：


选择一个国家
美国
加拿大
墨西哥
验证
函数validateCountry（）{
if（document.getElementById（'country'）。值=“”）
{
警报（“请选择一个国家”）；
返回false；
} 
其他的
{
返回true；
} 
}
也可以基于document.getElementById进行验证，只需在选择框中添加代码id=“country”

 <label>Select a Country:
  <br />
 <select name="country" id="country">
   <option value="">Choose a Country</option>
   <option value="United States">United States</option>
   <option value="Canada">Canada</option>
   <option value="Mexico">Mexico</option>
  </select>
</label>
 <button id='submit' onclick="return validateCountry();">Validate</button>
function validateCountry() {
 if(document.getElementById('country').value =='')
   {
     alert("Please select a country");
      return false;
   } 
  else
   {
      return true;
    } 
}

选择一个国家：


选择一个国家
美国
加拿大
墨西哥
验证
函数validateCountry（）{
if（document.getElementById（'country'）。值=“”）
{
警报（“请选择一个国家”）；
返回false；
} 
其他的
{
返回true；
} 
}
也可以基于document.getElementById进行验证，只需在选择框中添加代码id=“country”

 <label>Select a Country:
  <br />
 <select name="country" id="country">
   <option value="">Choose a Country</option>
   <option value="United States">United States</option>
   <option value="Canada">Canada</option>
   <option value="Mexico">Mexico</option>
  </select>
</label>
 <button id='submit' onclick="return validateCountry();">Validate</button>
function validateCountry() {
 if(document.getElementById('country').value =='')
   {
     alert("Please select a country");
      return false;
   } 
  else
   {
      return true;
    } 
}

选择一个国家：


选择一个国家
美国
加拿大
墨西哥
验证
函数validateCountry（）{
if（document.getElementById（'country'）。值=“”）
{
警报（“请选择一个国家”）；
返回false；
} 
其他的
{
返回true；
} 
}