当选择的下拉值为空时发出警告消息

Alert message when select dropdown value is empty

本文关键字：警告 消息 选择      更新时间：2023-09-26

我有4个下拉选项，每个下拉选项依赖于另一个。

下拉菜单B的值取决于下拉菜单A，所以在默认情况下，所有下拉菜单的值将被设置为none。

如果下拉框A的选择值为空，下拉框B被选中，则需要显示警告信息。

如何使用jQuery实现这一点?

到目前为止，我有这个…

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

问题的完整代码片段将是首选，但也许可以尝试这样做:

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

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

相关文章：