使用 Javascript 验证 HTML 下拉菜单？答案

【问题标题】：Validating HTML Drop-down menu with Javascript?使用 Javascript 验证 HTML 下拉菜单？
【发布时间】：2016-11-30 08:14:54
【问题描述】：

我正在尝试验证登录脚本，几乎所有其他操作都已完成，但我不知道如何创建下拉菜单。我将如何验证它，以确保通过 JavaScript 选择默认选项以外的选项？

所有其他验证都是通过单独的 .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>

【问题讨论】：

真正的问题是什么？
如何在 javascript 中验证下拉表单，以确保选择“false”或默认“Region”以外的内容？

标签： javascript php html css forms

【解决方案1】：

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

这可能就足够了。

【讨论】：

在另一个 .js 工作表上验证时，您可以使用按名称获取元素吗？
我觉得可以，试试看：）
你为什么不用id？那将是独一无二的。然后使用document.getElementById
由于某种原因，使用 ID 总是运行“选择某些东西”警报？但是 Flink 的回答很完美！

【解决方案2】：

是的，您可以使用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();">

【讨论】：