使用自动建议jQuery插件的多标签

Question

我使用这个站点上的自动建议jQuery插件：

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

让标签变得更多，就像在该站点中给予一样。

但我的问题是。当从自动提示中进行选择时，它显示在我的输入框中，但我不想再次显示所选的自动提示，就像在link....but中给出的示例一样，我无法做这样的事情...

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

<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);

?>

Answer 1

我可以推荐Select 2插件作为替代吗？

听起来它完全可以做你想要的事情，但是请查看Tagging Example以获得所有选项的描述。根据您的示例代码，我认为切换插件并不困难。

Answer 2

通过在javascript的文档就绪函数中使用以下代码

      $(document).ready(function()      {   var data=null;           var data=;          $("#tag").autoSuggest("config->item('admin\_folder').'/products/autosuggest');?>",{minChars: 2, matchCase: true,selectedItemProp: "name", searchObjProps: "name",selectedValuesProp:"value",preFill: data});          });