在显示警报模式之前检查是否选择了一个选项

Question

通过单击删除按钮（从select标记中删除选项），可以通过JavaScript显示模态。 我必须在显示警报模式之前检查是否选择了一个选项，但是即使没有选择任何内容，我也无法找到隐藏警报模式的方法

我使用JavaScript函数进行检查，但仍然在检查警报模式后出现

这是html代码：

<button  class="btn btn-danger" onclick="check()"  id="idButtonDelete" data-toggle="modal" data-target=".bs-example-modal-sm">delete</button>

<div id="idAlertModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
  ...
   </div>
  </div>
</div>

这是onClick check（）函数的代码

function check(){

   if($("#select").val()==null){  //select id of the select tag 
    $(".bs-example-modal-sm" ).hide();

    alert("you should select an option first")


        return false;
                               }


}

Answer 1

如果您的默认option您的select是这样的：

<option value="">Default Option</option>

那么您可以使用：

if($('#select').val() === '')

代替：

if($("#select").val()==null)

---

您可以尝试使用：

$('.modal').modal('hide');

代替：

$(".bs-example-modal-sm" ).hide();

Answer 2

尝试：

$('.modal').modal('hide')

Answer 3

function verifyAreaSelected(){

   if($("#select option:selected" ).val()==''){  //select id of the select tag 
    $(".bs-example-modal-sm" ).hide();
    alert("you should select an option first");
        return false;
             }


}

Answer 4

我找到了解决方案，我必须从按钮中删除属性data-target =“。bs-example-modal-sm”并将其添加到check（）函数中（如果选择了一个选项）

function check(){

if($("#select").val()==null){  //select id of the select tag 


alert("you should select an option first")


    return false;

   }else{
    $('#idButtonDelete').attr('data-target', '#idAlertModal');

    }


}