使用Javascript验证HTML下拉菜单？

-1

我想验证一个登录脚本，几乎所有的事情都完成了，但我不知道如何做一个下拉菜单。我如何验证它，以确保通过JavaScript选择了默认以外的选项？使用Javascript验证HTML下拉菜单？

所有其他的验证是通过一个单独的.js工作表来完成的，所以我不确定document.getElementById是否工作，或者我只是犯了愚蠢的错误？

HTML（表格ID是 “registration_form”）：

<select class="signup_input_styleV2" id="location" name="location"> 
    <option value="false" disabled selected>Region</option> 
    <option value="Europe">Europe</option> 
    <option value="North America">North America</option> 
    <option value="South America">South America</option> 
    <option value"Oceania">Oceania</option> 
    <option value"Asia">Asia</option> 
    <option value"Africa">Africa</option> 
    <option value"Antarctica">Antarctica</option> 
</select>

来源

2016-11-29 Lewis

什么实际问题？ – 2016-11-29 23:52:06

如何验证javascript中的下拉表单，以确保选择了除“false”或默认“Region”之外的其他内容？ – Lewis

if (document.getElementsByName('location')[0].value == 'false'){ 
    alert('Select something !'); 
}

这可能就足够了。

来源

2016-11-30 00:04:50 Flink

虽然在另一个.js工作表上验证时可以使用名称获取元素吗？ – Lewis

我这么认为，试试:) – Flink

为什么不使用'id'？这将是独一无二的。然后使用'document.getElementById' – Rohit

是的，你可以使用getElementById

function validate(){ 
 
    var val = document.getElementById("location").value 
 
    console.log(val); 
 
}

<select class="signup_input_styleV2" id="location" name="location"> 
 
    <option value="false" disabled selected>Region</option> 
 
    <option value="Europe">Europe</option> 
 
    <option value="North America">North America</option> 
 
    <option value="South America">South America</option> 
 
    <option value"Oceania">Oceania</option> 
 
    <option value"Asia">Asia</option> 
 
    <option value"Africa">Africa</option> 
 
    <option value"Antarctica">Antarctica</option> 
 
</select> 
 
<input type="submit" onClick="return validate();">

来源

2016-11-30 00:14:54 Rohit

使用Javascript验证HTML下拉菜单？

回答

相关问题