materialize - 通过 Post 在 Materialise css 中获取芯片数据

Question

我正在尝试使用 Matrilize css 的芯片获取数据。但是当我尝试使用表单提交时，没有收到任何数据。添加筹码后，我检查了输入字段的值是否为空。

我写了一个jQuery代码来验证这一点

$('#showvalues').on('click', function(){
    alert($('#emotiontags').val())   
})

我的芯片代码看起来像

<div class="chips chips-autocomplete col s4 offset-s3">
    <input placeholder="You Emotions" id="emotiontags" type="text" 
    name="emotiontags">
</div>

<button class="btn waves-effect waves-light" id="showvalues">
   Show values
   <i class="material-icons right">send</i>
</button>

这是普通文本

这是我尝试添加筹码时的输出

Answer 1

好吧，已经6个月了，但我想给遇到这个问题的人一个答案。根据 MaterializeCSS 的文档，chipsData是存储当前芯片数据数组的属性。

通过这样的方式获取您的芯片元素的实例后；

var chipInstance = M.Chips.getInstance($(".chips"));

芯片阵列可以通过以下方式访问并记录到控制台

console.log(chipInstance.chipsData);