2013-01-15 18 views
0

我已經搜查了很多,所有的標籤輸入插件我能看到的是像這樣的:http://xoxco.com/projects/code/tagsinput/javascript庫/ jQuery插件,讓我點擊標籤輸入名單上他們

你可以輸入輸入框和它包裝好的風格標籤,並提供自動完成和東西。

但我想是這樣的:

我recommendated標籤的列表。該插件使標籤可點擊。當我點擊一個標籤時,標籤進入輸入框。當我再次點擊標籤時,標籤將從輸入框中移除。

當然,輸入框仍然需要作爲一個正常的輸入框,即我仍然可以輸入它。

這就像https://delicious.com/http://diigo.com/上的標籤。

有沒有插件可以做到這一點?

+0

世界上沒有插件...你需要編寫自己的自定義插件,落實... – Sandeep

回答

1

你想要這個效果嗎? 這個效果沒有jquery方法,這是js代碼。

demo here

var navs = document.getElementById('nav').getElementsByTagName('li'); 
var tmp = navs[navs.length-1]; 
for(var i=0; i<navs.length; i++){ 
    navs[i].onclick = function(){ 
     tmp.className = ''; 
     this.className = 'current'; 
     tmp = this; 
    } 
} 
+0

謝謝。我檢查了你的演示,但我沒有看到輸入框。也許我沒有把我的問題弄清楚嗎? – Betty

+0

你不想要嗎? [demo here](http://jsfiddle.net/jikeytang/EJgXX/) – jikey

+0

謝謝。這個看起來不錯。但是輸入框仍然需要作爲一個普通的輸入框,即我仍然可以輸入它。 – Betty

相關問題