Question

我正在尝试从表单获取物化筹码标签的数据，但我不知道如何从物化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>

JAVASCRIPT CODE：

  $('.chips').chips();

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

除了使用Materialize之外，还有其他可能的方法吗？谢谢。

Answer 1

我个人会为从元素中添加/删除芯片时设置一些事件，然后通过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!");
        }
    });
}

我希望这对您来说是一个可行的选择。

如何获取CSS的Material CSS数据到PHP？

1 个答案: