2014-01-31 67 views
1

我正在使用jQuery自動完成過濾列表。在選擇它顯示一個特定的項目,並隱藏其他jquery自動完成刪除選項觸發功能

現在我想添加一個十字圖標刪除此選擇,當點擊它的輸入框將被重置和Java腳本函數將被調用。

enter image description here

$("#name_input").autocomplete({ 

       source: availableTags, 
       select: function (event, ui) { 



        var selectedObj = ui.item;     
        filterByName(selectedObj.value); 
        //console.log(selectedObj.value); 
       } 

      }); 

如何添加輸入十字按鈕?

+0

任何腳本寫的?如果意味着也分享。 –

+0

我無法確定在選擇所有輸入文本並刪除它時會觸發哪個事件。 – Hemc

+0

如果您只想重置輸入,那麼帶有單擊事件的按鈕如何將輸入的值設置爲空字符串?或者你想要做什麼? –

回答

2

嘿喜HEMC, 我希望我理解你的問題,你應該嘗試選擇的jQuery。 Chosen git hub

我希望這將解決您的問題。

好友我發現了一個解決方案,你去這個鏈接(xoxco.com/projects/code/tagsinput) - Vikarn辛格Mankotia

+0

是的,像這樣的東西,但我不能使用選擇框。我想在自動完成框中使用相同的選項。 – Hemc

+0

好友我找到了一個解決方案,你去這個鏈接(http://xoxco.com/projects/code/tagsinput/) –

+0

去演示這個鏈接,看看你的自動完成部分。 –