2016-09-18 66 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