Question

This is my page我正在研究Bootstrap 4模式，实际上我想在bootstrap 4模式中获取表单值，但它没有显示，有人可以检查我的代码我不知道为什么它没有响应？当我点击编辑按钮时它什么都不做。我正在使用Mysql，Php，Bootstrap和Javascript。

这是我的代码

$(document).ready(function(){

 $(document).on('click','.edit_data', function(){
          var project_id=$(this).attr("id");
   $.ajax({
            URL:"adminhome.php",
            method:"POST",
            data:{projectID:project_id},
            dataType:"json",
            success:function(data){
               $('#pt').val(data.pt);
               $('#s1_id').val(data.s1_id);
               $('#s1_name').val(data.s1_name);
               $('#s2_id').val(data.s2_id);
               $('#s2_name').val(data.s2_name);
               $('#s3_id').val(data.s3_id);
               $('#s3_name').val(data.s3_name);
               $('#project_id').val(data.id);
               $('#update_user_modal').modal('show'); 
        }

                                          });

                               });

                      });

 <a  class="btn btn-warning btn-sm mt-1  text-white edit_data"  role="button" name="edit" id="<?php echo $row[0]; ?>" >
                <span class="">EDIT</span>
              </a>

    <!-- Modal - Update User details -->
<div class="modal fade" id="update_user_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Update</h4>
            </div>
            <div class="modal-body">
              <form method="post" id="insert_form"> 
                <div class="form-group">
                    <label for="update_title">Project Title</label>
                    <input type="text" id="pt" name="pt" placeholder="Project Title" class="form-control"/>
                </div>

                <div class="form-group">
                    <label for="update_student_id1">Student ID 1</label>
                    <input type="text" id="update_student_id1" id="s1_id" name="s1_id" placeholder="Student ID" class="form-control"/>
                    <label for="update_student_name1">Student Name</label>
                    <input type="text" id="update_student_name1" id="s1_name" name="s1_name" placeholder="Student Name" class="form-control"/>

                </div>

                <div class="form-group">
                    <label for="update_student_id2">Student ID 2</label>
                    <input type="text" id="update_student_id2"  id="s2_id" name="s2_id" placeholder="Student ID" class="form-control"/>
                    <label for="update_student_name2">Student Name</label>
                    <input type="text" id="update_student_name2" id="s2_name" name="s2_name" placeholder="Student Name" class="form-control"/>

                </div>
                <div class="form-group">
                    <label for="update_student_id3">Student ID 3</label>
                    <input type="text" id="update_student_id3" id="s3_id" name="s3_id" placeholder="Student ID" class="form-control"/>
                    <label for="update_student_name3">Student Name</label>
                    <input type="text" id="update_student_name3" id="s3_name" name="s3_name" placeholder="Student Name" class="form-control"/>

                </div>
              </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" onclick="UpdateUserDetails()" >Save Changes</button>
                <input type="hidden" id="project_id">
            </div>

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

bootstrap 4模态没有显示

0 个答案: