如何将材料CSS芯片数据获取到PHP?

如何将材料CSS芯片数据获取到PHP?,php,tags,materialize,Php,Tags,Materialize,我试图从表单中获取materialize chips标签的数据,但我不知道如何从materialize CSS芯片/标签中获取数据 我的目标是创建一个可以输入无限数量的值(即名称)的字段,并将数据发送到php HTML代码: <form> Leader:<br> <input type="text" name="firstname" value="Name"><br> Enter Name:<br> &

我试图从表单中获取materialize chips标签的数据,但我不知道如何从materialize CSS芯片/标签中获取数据

我的目标是创建一个可以输入无限数量的值(即名称)的字段,并将数据发送到php

HTML代码:

<form>
  Leader:<br>
      <input type="text" name="firstname" value="Name"><br>

  Enter Name:<br>
      <div class="chips chips-placeholder">
         <input class="custom-class">
      </div>

</form>
  $('.chips').chips();

  $('.chips-placeholder').chips({
    placeholder: 'Enter a Name',
    secondaryPlaceholder: '+Name',
  });

除了使用Materialize,还有其他可能的方法吗?谢谢。

我个人会在元素中添加/删除芯片时设置一些事件,然后直接通过ajax发送数据

$('.chips').chips({
    placeholder: 'Enter a Name',
    secondaryPlaceholder: '+Name',
    onChipAdd: (event, chip) => {
        AddThis(JSON.stringify(event[0].M_Chips.chipsData));
    },
    onChipDelete: (event, chip) => {
        // The deletion equivelant
    },
});

function AddThis(data){
    $.ajax({
        type: "POST",
        url: "/add-name-via-ajax-post.php",
        data: { data: data },
        cache: false,
        timeout: 600000,
        success: function (data) {
            console.log("Successfully sent the new chip data!");
        },
        error: function (e) {
            console.log("Error occurred whilst sending chip data!");
        }
    });
}
我希望这对你来说是一个可行的选择