1. Chào mừng Khách đã đến với diễn đàn java, nơi hội tụ tất cả những kỹ năng trong lập trình, chia sẻ những kinh nghiệm, bài viết, quý báu. Các bạn chỉ post bài về lập trình trong forum này. Xin Cảm Ơn!
    Dismiss Notice
  2. Trung Tâm Java - Chuyên sâu lĩnh vực đào tạo lập trình viên Java kinh nghiệm thực tế trong công việc. tìm hiểu thêm tại http://trungtamjava.com/
    Dismiss Notice

Bootstrap 3 truyền một dữ liệu sang modal

Thảo luận trong 'JS FRAMEWORK KHÁC' bắt đầu bởi java, 18/4/16.

  1. java

    java Member

    HTML
    Mã:
    <a href="#my_modal" data-toggle="modal" data-book-id="my_id_value">Open Modal</a>
    <divclass="modal hide"id="addBookDialog">
    <divclass="modal-header">
        <buttonclass="close"data-dismiss="modal">×</button>
        <h3>Modal header</h3>
      </div>
        <divclass="modal-body">
            <p>some content</p>
            <inputtype="text"name="bookId"id="bookId"value=""/>
        </div>
    </div>
    
    Javascript
    Mã:
    //triggered when modal is about to be shown
    $('#addBookDialog').on('show.bs.modal', function(e) {
    
        //get data-id attribute of the clicked element
        var bookId = $(e.relatedTarget).data('book-id');
    
        //populate the textbox
        $(e.currentTarget).find('input[name="bookId"]').val(bookId);
    });
     
  2. linhnhi2017

    linhnhi2017 New Member

    Hay..cảm ơn nhé
     

Chia sẻ trang này