php - 将 tagit 输入数据拆分为多行

Question

我正在使用 jquery.webspirited.coms tagit jquery，它在创建标签的意义上工作正常，在前端分离，但是当我发布数据时，它只将最后一个标签作为值发布到数据库..

除了在 header 等中放入哪些代码之外，我找不到任何有关如何正确安装插件的文档，这是 header 代码。

<script type="text/javascript">
$(function () {

  $('#topic').tagit();    

  $('#topicGetTags').click(function () {
    showTags($('#topic').tagit('tags'))
  });
  $('input[type=submit]').click(function(){
    tag = $('#topic').tagit('tags');
    console.log(tag);
    for (var i in tag)
      $('form').append("<input type='hidden' name='tags[]' value='"+tag[i].value+"' >");

  });
  function showTags(tags) {
    console.log(tags);
    var string = "Tags (label : value)\r\n";
    string += "--------\r\n";
    for (var i in tags)
      string += tags[i].label + " : " + tags[i].value + "\r\n";
    alert(string);
  }
});
</script>

输入

<ul id="topic" name="tags[]"></ul>

tagit.js 文件本身有近 500 行，因此这里不是复制/粘贴它，而是它的链接。

http://webspirited.com/tagit/js/tagit.js

这里还有插入代码，以防我需要在那里查看

$tags = isset($_POST['tags']) ? $_POST['tags'] : null;

if (is_array($tags)) {
foreach ($tags as $t) {
    // escape the $t before inserting in DB
    $sql = "INSERT INTO tags (tags) VALUES('$t')";
}

感谢您的任何提示

Answer 1

将隐藏输入名称更改为 name="tag[]"，您将在 PHP 脚本中的 $_POST['tag'] 中收到一个数组 -目前您正在覆盖之前的输入，这就是您只收到一件元素的原因。

然后您可以循环数组并根据需要将它们插入数据库中。