Question

如何在普通的javascript中警告选择不能为空？

以下是我的选项菜单的代码：

            <div class="interest">
            <label for="interest">Interest Area *</label>

            <select name="interest">
            <option value="blank"></option>
            <option value="option1"> EXAMPLE 2 </option>
            <option value="option2"> EXAMPLE 3 </option>
            <option value="option3"> EXAMPLE 4 </option>
            </select>
            </div>

提前致谢

Answer 1

document.getElementsByName('interest')[0].onchange = function() {
     if (this.value=='blank') alert('Select something !');
}

或在提交处理程序或类似工具中，只需检查值

if ( document.getElementsByName('interest')[0].value == 'blank' )
    alert('Select something !');

Answer 2

通常，在简单的if语句中检查selectElement.value是否为“空白”。

Answer 3

您可以使用'.selectedIndex'返回所选值的索引，并检查它是否等于空白（在您的情况下为0）

if(0 == document.getElementsByTagName('select')[0].selectedIndex){
alert("Please select a value first")
return;
}

您也可以使用Jquery代替document.getElementsByTagName

进行选择

Answer 4

我认为最简单的方法是使用html，并在所有最佳选择中使用必填项

兴趣区*

        <select required name="interest">
        <option value="blank"></option>
        <option value="option1"> EXAMPLE 2 </option>
        <option value="option2"> EXAMPLE 3 </option>
        <option value="option3"> EXAMPLE 4 </option>
        </select>
        </div>

HTML选择选项验证

4 个答案: