从令牌输入.js提交数据

Submitting Data from tokeninput.js

本文关键字：提交 数据 js 输入 令牌      更新时间：2023-09-26

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

我

正在尝试允许网站的用户从我给他们的许多选项创建一个列表。用户完成选择所有项目并单击提交后，我不会返回任何值。

谁能让我知道我做错了什么..

.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"]);

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

当用户在列表中添加和删除项目时，我正在使用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>

.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); 
        }       
    });         
});
相关文章：