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

FCBKcomplete

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

plugin網址:
FCBKcomplete

HTML長這樣
  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>  

引plugin
  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好了..

留言

熱門文章