Передача нескольких данных в bootstrap modal

Question

Я хочу передать несколько данных в bootstrap modal, можно ли пройти ?. Я нашел только один data(ISBN564541) проходящий. Вот код

Модальные HTML

<p>Link 1</p> 
<a data-toggle="modal" data-id="ISBN564541" title="Add this item" class="open-AddBookDialog btn btn-primary" href="#addBookDialog">test</a> 

<div class="modal hide" id="addBookDialog"> 
<div class="modal-header"> 
    <button class="close" data-dismiss="modal">×</button> 
    <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <p>some content</p> 
     <input type="text" name="bookId" id="bookId" value=""/> 
    </div> 
</div> 

JS

$(document).on("click", ".open-AddBookDialog", function() { 
    var myBookId = $(this).data('id'); 
    $(".modal-body #bookId").val(myBookId); 
}); 

Пожалуйста, ответьте.

Answer 1

Вы можете поместить свои дополнительные данные в объекте, как это:

var books = { 
    'ISBN564541': { 
    'title': 'Book 1', 
    'pages': 256 
    }, 
    'ABCDEF': { 
    'title': 'Book 2', 
    'pages': 1024 
    } 
}; 

Затем в функции мыши вы можете retrive дополнительных данных, используя книгу идентификатор, чтобы установить значение любого входного тега:

var book = books[myBookId]; 
$(".modal-body #bookTitle").val(book.title); 
$(".modal-body #bookPages").val(book.pages);