Question

通过单击按钮删除（从选择标签中删除选项），我可以通过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 =＆＃34; .bs-example-modal-sm＆＃34;如果选择了一个选项，则从按钮中将其添加到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');

    }


}

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

4 个答案: