如何获得jQuery的标签输入的值插件

Question

我使用这个jQuery的标签输入插件：

jQuery Tags Input

，但我不能让我的PHP文件中的值。

Answer 1

你能举一个POST的例子吗？你可以通过将你的表单指向api.fatherstorm.com？查询并复制它提供给你的json数据来实现。

Answer 2

如果你想使用jQuery获取单个值，你可以使用： （这是假设你到一个标签输入制作的文本输入有“关键字”）的ID

$('#keywords').tagsInput({ 
    'height':'auto', 
    'width':'350px', 
    'defaultText':'', 
    'delimiter': '|' 
}); 
/*The delimiter option above overrides the default comma delimiter in the plugin allowing commas in tags if you prefer that...*/ 

var $keywords = $("#keywords").siblings(".tagsinput").children(".tag"); 
var tags = []; 
for (var i = $keywords.length; i--;) { 
    tags.push($($keywords[i]).text().substring(0, $($keywords[i]).text().length - 1).trim()); 
} 

/*Then if you only want the unique tags entered:*/ 
var uniqueTags = $.unique(tags); 
alert(uniqueTags.toSource()); 

Answer 3

改变它隐藏的输入值，当你点击提交将发布的数据，你可以通过一个简单的PHP测试脚本。 print_r($_POST)看到它。使用jQuery

Answer 4

$("#btn").click(function() { 
     var $tagWord = $("#tags_2").siblings(".tagsinput").children(".tag"); 
     var tags = []; 
     for (var i = $tagWord.length; i--;) { 
      tags.push($($tagWord[i]).text().substring(0, $($tagWord[i]).text().length - 1).trim()); 
     } 

     /*Then if you only want the unique tags entered:*/ 
     var uqTags = $.unique(tags); 
     alert(uqTags.toSource()); 

    }); 

Answer 5

你可以做一个行：

$.map($('.tag span'),function(e,i){return $(e).text().trim();}) 

Answer 6

要获得电子邮件从列表：

<input type="text" name="to_addresses" class="to_addresses" data-role="tagsinput" > 

我用：

$emails = [] 
$.map($(".tagsinput span span"),function(e,i){ 
$emails.push($(e).text().trim()); 
}) 

厂对我来说，我以为我会分享它。

Answer 7

基于sagivo回答您可以编写一个函数是这样的：

function getKeywords() { 
    return $.map($('.tag span'),function(e,i){ 
    return $(e).text().trim(); 
    }); 
} 

，将返回出现在输入关键字的数组。 像这样[ "there", "it", "is" ]