从 tokeninput.js 提交数据答案

【问题标题】：Submitting Data from tokeninput.js从 tokeninput.js 提交数据
【发布时间】：2016-02-02 22:05:17
【问题描述】：

我最近在我的一个网站上设置了https://github.com/loopj/jquery-tokeninput。

我试图让网站的用户从我给他们的许多选项中创建一个列表。一旦用户选择了他们的所有项目并单击提交，我就没有返回任何值。

谁能告诉我我做错了什么..

HTML

  <div>
    <input type="text" id="demo-input" name="name" />
    <input type="Submit" value="Submit" />
</div>

<script type="text/javascript">
  $(document).ready(function() {
    $("#demo-input").tokenInput("json.php");
  });
</script>

PHP

$name =$_POST["name"]);

【问题讨论】：

你读过documentation吗？
在提交时我不理解文档。我看到了如何设置它（并且我得到了它的工作）
所以我不明白问题出在哪里：它是否有效？
自动完成 js 向文本字段添加值，但是当我单击帖子值下的提交按钮时，字段值为空白。
您是否在 HTML 中声明了<form>？

标签： javascript php jquery jquery-tokeninput

【解决方案1】：

这就是我目前为解决这个问题所做的工作..

当用户从列表中添加和删除项目时，我使用 onAdd 和 onDelete 函数将 ID 添加到隐藏字段。一旦填充了所有 ID，我可以使用 php 中的标准 $_post[] 命令来读取值

这里是可能遇到相同问题的任何其他人的代码示例

HTML

<div>
    <input type="text" id="list_of_items" name="list_of_items" />
    <input type="hidden" id="list_of_items_by_id" name="list_of_items_by_id" />    
    <input type="Submit" value="Submit" />
</div>

$(document).ready(function(){
    var field_value = $("#list_of_items_by_id").val();

    $("#list_of_items").tokenInput("json.php",{
        hintText: "Start typing the name of the item", 
        tokenValue:"item_id",

        onAdd: function (item) {        
            var field_value = $('#list_of_items_by_id').val();
            if (field_value != ""){
                $('#list_of_items_by_id').val(field_value+","+ item.item_id);
            }else{
                $('#list_of_items_by_id').val(item.user_id);
            }               

        },

        onDelete: function (item) {
            var field_value = $('#list_of_items_by_id').val().replace(',,',',').replace(item.user_id,'');
            $('#list_of_items_by_id').val(field_value); 
        }       

    });         
});

【讨论】：