Question

我在本网站上使用Auto建议jQuery插件：

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

将标签设为多个，就像在该网站中一样。

但我的问题是...... 从autosuggest中选择时，它显示在我的输入框中，但我不想再次显示选定的autosuggest，如链接中给出的示例....但我无法做这样的事情......

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

<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插件吗？它正在积极开发并具有IMHO更好的功能;例如，当控件具有焦点并且不允许多次选择相同的标签时，显示可用标签的列表。

听起来它会完全符合您的要求，但请参阅Tagging Example以获取所有选项的说明。根据您的示例代码，我认为切换插件并不困难。

Answer 2

在javascript的文档就绪功能中使用以下代码

$（文件）。就绪（函数（） { var data = null; var data =; $（“＃tag”）。autoSuggest（“config-＆gt; item（'admin_folder'）。'/ products / autosuggest'）;？＆gt;”，{minChars：2，matchCase：true，selectedItemProp：“name”， searchObjProps：“name”，selectedValuesProp：“value”，preFill：data}）; }）;

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

2 个答案: