Javascript 在不使用ID或类的空选择框上显示警报

Javascript 在不使用ID或类的空选择框上显示警报,javascript,jquery,html,Javascript,Jquery,Html,我有这个JS代码: $(document).ready(function(){ $('input[type=select]').each(function() { if ($(this).text() == "") { alert("empty"); } }); }); 我想为网页上的每个选择框显示一个警报框,但不使用ID或类 下面是我尝试过的一些东西:这是我的jquery解决方案: $(document).ready(

我有这个JS代码:

$(document).ready(function(){
    $('input[type=select]').each(function() {
        if ($(this).text() == "") {
            alert("empty");
         }
    });
});
我想为网页上的每个选择框显示一个警报框,但不使用ID或类


下面是我尝试过的一些东西:

这是我的jquery解决方案:

$(document).ready(function(){
    $('select').change(function() {
        if ($(this).find("option:selected").text() == "Empty Option") {
            alert("empty");
        }
    });
});

希望这能解决问题

关于,请使用事件/处理程序

$(document).ready(function(){
    $('select').on('change', function () {
       if ($(this).find(":selected").text() == "Empty Option") {
            alert("empty");
         }
    });
});

您还可以通过设置每个
上的值属性来使用
.val()

由于第一个
选项的
值为=“
”,因此这也应该起作用:

if ($(this).find(":selected").val() == "") {
// code here
}

如果您只想在页面加载时显示警报,请使用:

$('select').each(function () {

您不需要使用
。每个
循环都可以实现这一点。您可以使用
change
事件来处理它:

$('select').on("change",
 function() {
    if ($(this).val() == "") {
        alert("empty");
     }
});


另外,
select
不是输入。

使用下面的jquery代码验证所有选择框。我已使用更改事件

JS


页面加载时是否有工作?或者,您必须选择一个空的alert@Tasos:不!用户3815283是否期望这样?我不知道。user3815283在我的答案上发表评论“也不是在更改上,只是在页面加载上-如果选项值为空,它会做一些事情”@Tasos:你是对的!其中一条评论中提到了用户。。。最好更新帖子!问题仍然不清楚:-(
$('select').change(function() {
    if ($(this).val() == "") {
        alert(" empty "+ ($('select').index($(this))+1 ));
     }
});