[英]Passing multiple data to a 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 );
});
请回复。
您可以将额外的数据放在这样的对象中:
var books = {
'ISBN564541': {
'title': 'Book 1',
'pages': 256
},
'ABCDEF': {
'title': 'Book 2',
'pages': 1024
}
};
然后,在您的点击功能中,您可以使用图书ID设置任何输入标签的值来检索额外的数据:
var book = books[myBookId];
$(".modal-body #bookTitle").val( book.title );
$(".modal-body #bookPages").val( book.pages );
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.