2016-09-18 64 views
2

我需要從MaterializeCSS芯片獲取數據,但我不知道如何。從Materialise CSS芯片獲取數據

$('.chips-placeholder').material_chip({ 
 
    placeholder: 'Stanici přidíte stisknutím klávesy enter', 
 
    secondaryPlaceholder: '+Přidat', 
 
}); 
 

 
function Show(){ 
 
    var data = $('.chips-placeholder').material_chip('data'); 
 
    document.write(data); 
 
}
<!--Added external styles and scripts--> 
 
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css"> 
 
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
 

 
<!--Html body--> 
 

 
<div class="chips chips-placeholder"></div> 
 
<button onclick="Show()" type="button">Show</button>

謝謝你的幫助。

+0

對不起,我的英語。 –

+0

請描述你期望從代碼發生和實際發生的事情。這段代碼應該足以重現你的問題(檢查我的建議編輯:代碼片段允許我們看到結果,但只有當所有必要的代碼都存在時纔有意義) – YakovL

+0

Javascript寫[object Object],[object Object] ,[對象對象],...他可能寫芯片的內容,沒有[對象對象],... –

回答

8

因此,要訪問數據的芯片,你就必須做到這一點:

var data= $('#id of your chips div').material_chip('data'); 
alert(data[0].tag);` 

'0' 是的indexOf你的數據(0,1,2,3,...)

'tag'是芯片內容,您也可以通過'.id'獲取您的數據的ID