jQuery- FB 輸入後自動附加效果

最近在苦惱寫類似facebook，輸入一定程度後會有提示，然後可以附加到輸入欄內，但跟我以往認知的html寫法不一樣，先找plugin，可是跟目前想要做的東西還是有點差異，但還是先記錄一下。

plugin網址:
FCBKcomplete

HTML長這樣

view plaincopy to clipboardprint

1. <div id="text"></div>  
2. <form action="submit.php" method="POST" accept-charset="utf-8">  
3.         <select id="select3" name="select3">  
4.             <option value="sleep" class="selected">sleep</option>  
5.             <option value="sport">sport</option>  
6.             <option value="freestyle">freestyle</option>  
7.         </select>  
8.     <input type="submit" value="Send">  
9. </form>  

<div id="text"></div>
<form action="submit.php" method="POST" accept-charset="utf-8">
		<select id="select3" name="select3">
			<option value="sleep" class="selected">sleep</option>
			<option value="sport">sport</option>
			<option value="freestyle">freestyle</option>
		</select>
	<input type="submit" value="Send">
</form>

引plugin

view plaincopy to clipboardprint

1. $("#select3").fcbkcomplete({   
2.     json_url: "data.txt",   
3.     addontab: true,                      
4.     maxitems: 10,   
5.     input_min_size: 0,   
6.     height: 10,   
7.     cache: true,   
8.     newel: true,   
9.     select_all_text: "select",   
10. });  

Demo

還是先研究html好了..