2012-07-24 73 views
0

我使用自動從該網站提示的jQuery插件:多標籤建議的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> 

阿賈克斯文件中像

<? 

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

?> 
+0

我得到了解決方案,它工作正常... – 2012-07-26 06:00:16

回答

1

我可以建議使用Select 2插件嗎?它正在積極發展,並有恕我直言更好的特點;例如當控件具有焦點並且不允許多次選擇相同標籤時顯示可用標籤的列表。

這聽起來像它會做你想要的,但請參閱Tagging Example所有選項的描述。根據您的示例代碼,我認爲切換插件並不困難。

+0

這是一個強大的插件就在那裏,謝謝! – Alex 2012-07-24 09:07:39

0

通過在JavaScript的文檔準備功能使用以下代碼

$(文件)。就緒(函數() { VAR數據= NULL; VAR數據=; (「#tag」)。autoSuggest(「config-> item('admin_folder')。'/ products/autosuggest');?>」,{minChars:2,matchCase:true,selectedItemProp:「name」, searchObjProps:「name」,selectedValuesPro p:「value」,preFill:data}); });