Question

我正在使用Bootstrap编写一个简单的程序，使人们可以输入一些信息以及他们的问题（这是针对小型IT服务台中心的信息），以便我们记录谁来了。

我有一个下拉菜单，其中包含人们会遇到的一些常见问题，选择后将其连同他们的信息一起提交到数据库中。

我想添加一些反馈，以便用户知道他们的信息已成功提交。我选择使用Bootstrap中的“模式淡入淡出”对象。一切都很好，但是，只要我的下拉列表引用模式，内联javascript调用就不会起作用。

这是现在的代码：

      <div class="row">
         <div class="col-sm">
            <div class="dropdown">
               <button class="btn btn-secondary btn btn-block dropdown-toggle" type="button" id="dropdownMenuButton"
                  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  Reason for your visit
               </button>
                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('Scantron Dropoff')">Scantron dropoff</a>
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('Scantron Pickup')">Scantron pickup</a>
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('Wifi issues')">Wifi issues</a>
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('DUO Enrollment issues')">DUO Enrollment issues</a>
                     <a class="dropdown-item" data-toggle="modal" data-target="#confirmedModal" href="javascript:dropDownSelection('Password Issues')">Password issues</a>
                     <a class="dropdown-item" id="otherBtn" href="javascript:otherButton()">Other</a>

               </div>
            </div>
         </div>
      </div>

如您所见，我为数据切换分配了目标，以便打开模式，然后调用href ='javascript：dropDownSelection（）函数。问题是除非我像这样删除模式调用，否则JS中的dropDownSelection函数永远不会触发：

<a class="dropdown-item" href="javascript:dropDownSelection('Scantron Dropoff')" >Scantron dropoff</a>

我已尝试安排下拉列表的类别，以使javascript调用位于模式调用之前，但这没什么区别。

有什么想法吗？

Bootstrap Modal对话框导致下拉菜单中的javascript调用不触发

0 个答案: