Question

我有这个JS代码：

$(document).ready(function(){
    $('input[type=select]').each(function() {
        if ($(this).text() == "") {
            alert("empty");
         }
    });
});

我想在我的网页上为每个选择框显示一个警告框，但不使用ID或类

这是我尝试过的小提琴：http://jsfiddle.net/Kb9da/

Answer 1

这是我的jquery解决方案：

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

<强> DEMO HERE

希望这能解决问题。

此致

Answer 2

使用.change()事件/处理程序

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

<强> JSFiddle Demo

您还可以通过在每个.val()上设置值属性来使用<option>。

由于第一个value=""有option ...这也应该有效：

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

<强> JSFiddle Demo

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

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

Answer 3

哟不需要使用.each循环来实现这一目标。您可以使用change事件来处理它：

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

fiddle

同样select 不输入。

Answer 4

使用以下jquery代码验证所有选择框。我使用了变更事件。

JS

$('select').change(function() {
    if ($(this).val() == "") {
        alert(" empty "+ ($('select').index($(this))+1 ));
     }
});

DEMO link with multiple selectbox

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

4 个答案: