通过Post获取Materialise css中的筹码数据

Question

我正在尝试使用Materilize 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个月但是我想给遇到这个问题的人一个答案。根据MaterialiseCSS的文档，chipsData是存储当前芯片数据数组的属性。

通过类似的方式得到你的筹码元素的实例后;

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

可以通过

访问芯片阵列并将其记录到控制台

console.log(chipInstance.chipsData);