2016-02-02 29 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); 
     }  

    });   
});