2016-02-02 28 views
0

我最近在我的一个网站上设置了https://github.com/loopj/jquery-tokeninput从tokeninput.js提交数据

我想让网站的用户从我给他们的许多选项中创建一个列表。一旦用户完成选择他们的所有项目并点击提交,我就不会返回任何值。

任何人都可以让我知道我做错了..

HTML

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

JS

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

PHP

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

你读过[文件](http://loopj.com/jquery-tokeninput/)? – fusion3k

+0

我在提交时并不理解文档。我看到了如何设置它(并且我得到了这个工作) –

+0

所以我不明白问题是什么:它是否有效? – fusion3k

回答

0

这是我在做什么,到目前为止得到解决这个问题..

当用户从我使用的是使用onAdd和onDelete功能的ID的添加到一个隐藏字段列表中添加和删除项目。一旦所有的ID来填充我可以使用标准的$ _ POST []命令在PHP读取值

这里是别人的代码,谁可能有同样的问题

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> 

JS

$(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); 
     }  

    });   
});