使用自动提示jQuery插件的多标签


multi tags using auto suggest jQuery plugins

我使用来自这个网站的自动建议jQuery插件:

http://code.drewwilson.com/entry/autosuggest-jquery-plugin

让标签像在那个网站上一样多。

但我的问题是。。。从自动建议中选择时,它显示在我的输入框中,但我不想像链接中给出的例子那样再次显示所选的自动建议。。。。但我不能做这样的事。。。

请帮帮我。。。我使用的代码如下:

<link rel="stylesheet" type="text/css" href="view/stylesheet/autoSuggest.css">
<script type="text/javascript" src="view/javascript/jquery/jquery.autoSuggest.js"></script>
<script type="text/javascript"><!--
$("#product_tag1").autoSuggest("http://test.com/ajax", {minChars: 2, matchCase: true,selectedItemProp: "tag", searchObjProps: "tag"});
//--></script>

类似的Ajax文件

<?
$input = $_GET["q"];
$data = array();

$query = mysql_query("SELECT * FROM my_table WHERE my_field LIKE '%$input%'");
while ($row = mysql_fetch_assoc($query)) {
$json = array();
$json['tag_id'] = $row['id'];
$json['tag'] = $row['tag'];

$data[] = $json;
}
header("Content-type: application/json");
echo json_encode($data);
?>

我可以推荐Select2插件作为替代方案吗?它正在积极发展,具有IMHO良好的特点;例如当控件具有焦点时显示可用标签的列表并且不允许同一标签被选择多次。

听起来它会做你想做的事情,但请参阅标记示例了解所有选项的描述。基于您的示例代码,我不认为切换插件会很困难。

通过在javascript 的文档准备功能中使用以下代码

$(document).ready(function){var数据=空;var数据=;$("#tag").autoSuggest("config->item('admin_folder').'/products/autoSuggest');?>",{minChars:2,matchCase:true,selectedItemProp:"name",searchObjProps:"name"、selectedValuesProp:"value",preFill:data});})