Javascript 在不使用ID或类的空选择框上显示警报
我有这个JS代码: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(
$(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 ));
}
});