将变量传递给引导程序模式

Question

我有一张桌子，上面有客户清单。我想将销售线索ID传递给模式弹出窗口。我已经检查了lead_id变量，它在表中具有值。我使用了javascript show.bs.modal事件来传递变量。但是，事件不会触发。这是我的代码：

<li class="dropdown-item"><a href="#taskmodal" id="custId" data-toggle="modal" data-id="'.$data['lead_id'].'">Add Task</a></li>

模式HTML：

<div class="modal fade" id="taskmodal" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Set Task</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left" action="savetask.php"  method="POST">
            <div class="form-group row">
            <label for="inputEmail3" class="col-sm-6 col-form-label">Title</label>
            <div class="col-md-10">
           <input type="text" class="form-control form-control-sm" id="title" name="title" placeholder="Enter Title" tabindex=12 required="">
                            </div>

             <label for="inputEmail3" class="col-sm-4 col-form-label">Description</label>
                <div class="col-sm-10">
               <textarea class="form-control" id="desc" rows="3" name="desc" placeholder="Enter description"></textarea>

                </div>
            </div>
             <div class="form-group row">
                  <label for="inputEmail3" class="col-sm-6 col-form-label">Task Type</label>
            <div class="col-md-10">


             <select name="task" id="task" class="form-control form-control-sm"  required>
                            <option value="" selected>Select</option>
                            <option value="Follow-up" >Follow Up</option>
                            <option value="Call Reminder" >Call Reminder </option>


                            </select>
                            </div>
            </div>
             <div class="form-group row">
                  <b>&nbsp;&nbsp;Due Date&nbsp;&nbsp;</b>
            <div class="input-group-append">
           <input type="date" id="taskdate" name="taskdate" required="">
                            </div>

                         <div class="input-group-append">
                         <input type="time" id="tasktime" name="tasktime" required="">

                            </div> 

            </div>
             <div class="form-group row">
             <label for="inputEmail3" class="col-sm-4 col-form-label">Attach task to lead</label>  
            <div class="col-md-10">

                 <select name="sel_lead" id="sel_lead" class="form-control select 2 form-control-sm" style="width: 100%;">
                            <option selected="selected"> </option>

                        <?php
                            $sql = mysqli_query($con, "select * from lead where lead_id='$pas_cust' and l_status='1'");
                            $row = mysqli_num_rows($sql);
                            while ($row = mysqli_fetch_array($sql)){
                            echo "<option value='". $row['lead_id'] ."' selected>" .$row['Cust_name'] ." - ".$row['product'] ."</option>" ;
                            }
                            ?>
                            </select>
                            <input type="text" class="form-control form-control-sm" id="lead" name="lead" placeholder="Enter Phone no." value="">
                            </div>
            </div>


        </div>
        <div class="modal-footer justify-content-between">
          <!--<button type="button" class="btn btn-primary" data-dismiss="modal">Done</button>
          <button type="button" class="btn btn-primary">Save task</button>-->
          <input name="savetask" type="submit" class="btn btn-block btn-primary" value="Save Task">
        </div>
        </form>
      </div>

Javascript：

<script>
  $(document).ready(function(){
$('#taskmodal').on('show.bs.modal', function (e) {
    var rowid = $(e.relatedTarget).data('id');
    alert(rowid);

 });
});
</script>

我尝试alert(rowid);，但没有显示。奇怪的是，我在某个地方使用了相同的模式弹出窗口，并且工作正常。我知道我缺少一些简单的语法，请指出这一方向，谢谢

Answer 1

您丢失了到模式链接的data-target属性，这就是事件不触发的原因。您需要将其添加到所有其他属性中：

<a data-target="#taskmodal" ...