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

时间:2016-10-20 23:13:48

标签: javascript jquery select drop-down-menu dropdown

我有4个下拉选项,每个下拉列表取决于另一个。

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

如果下拉列表中的所选值为空并且选择了下拉列表B,则应显示警告消息。

如何使用jQuery实现这一目标?

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

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

1 个答案:

答案 0 :(得分:0)

该问题的完整代码片段将是首选,但可能会尝试类似:

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

jquery change api改编而来,此代码会将所有选择一起添加到一个临时str变量中,然后您可以检查该变量是否为空。务必通过选择器选择适当的下拉范围。