从Materialise css芯片获取数据

Question

我需要从MaterialiseCSS芯片获取数据,但我不知道,如何.

$('.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>

谢谢你的帮助.

Answer 1

因此,要访问数据芯片,您只需执行此操作:

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

'0'是您的数据的索引(0,1,2,3,...)

'tag'是芯片内容,您也可以使用'.id'获取数据的ID

Answer 2

要从 Materialise CSS 芯片获取数据，请使用以下代码。

$('#button').click(function(){
    alert(JSON.stringify(M.Chips.getInstance($('.chips')).chipsData));
});