2015-12-10 76 views
0

我想將多個數據傳遞給引導模式,是否可以傳遞?我發現只有單身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); 
}); 

請回復。

+0

你可以在模態中傳遞你喜歡的所有東西,它只是一個HTML文檔。我想你需要先學習一些關於如何關閉,打開和處理模態的知識。 – Franco

回答

0

你可以把你的額外數據的對象是這樣的:

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

然後在點擊功能,您可以用書籍ID設置任何輸入變量的值retrive額外的數據

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