选择下拉列表值为空时的警报消息

Question

我有4个下拉菜单选项，其中每个下拉菜单均取决于其他下拉菜单。

下拉列表B的值取决于下拉列表A，因此默认情况下，所有下拉列表的值都将设置为无。

如果下拉列表A的选定值为空，并且下拉列表B被选择，则应显示一条警报消息。

如何使用jQuery实现此目的？

到目前为止，我有这个...

$( 'select#issueMonth" ).change(function() 
{ 
   if ( $(this).children(":selected").val() === "" ) 
   { 
      alert("empty"); 
   } 
});

Answer 1

该问题的完整代码段将是首选，但可以尝试如下操作：

$('select').change(function() {
  var str = "";
  $("select option:selected").each(function() {
    str += $(this).text() + " ";
  });
  if (str === "") {
    alert("empty");
  }
});

根据jquery change api的改编，此代码会将所有选择项添加到一个临时的str变量中，然后您可以检查该变量是否为空。 请确保通过选择器选择适当的下拉列表范围。