Send parameter to Bootstrap modal window?

Question

I have a problem, I cannot pass any parameters to a modal window (using Bootstrap 3), I tried using the solution stated in this link, but I cannot make it work:

Dyna

Answer 1

First of all you should fix modal HTML structure. Now it's not correct, you don't need class .hide:

    

        

            

                ×
                
Modal title
            
            

                ...
            
            

                Close
                Save changes
            
        
    

Then links should point to this modal via data-target attribute:

Edit 1

Finally Js part becomes very simple:

    $('#edit-modal').on('show.bs.modal', function(e) {

        var $modal = $(this),
            esseyId = e.relatedTarget.id;

        $.ajax({
            cache: false,
            type: 'POST',
            url: 'backend.php',
            data: 'EID=' + essayId,
            success: function(data) {
                $modal.find('.edit-content').html(data);
            }
        });
    })

Demo: http://plnkr.co/edit/4XnLTZ557qMegqRmWVwU?p=preview