如何将材料CSS芯片数据获取到PHP?
我试图从表单中获取materialize chips标签的数据,但我不知道如何从materialize CSS芯片/标签中获取数据 我的目标是创建一个可以输入无限数量的值(即名称)的字段,并将数据发送到php HTML代码:如何将材料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> &
<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!");
}
});
}
我希望这对你来说是一个可行的选择