2012-08-13 63 views
0

我是jquery的新手,我被分配過濾列表,一旦該項目已被選中。有3個文本框使用自動完成功能。jQuery UI自動填充過濾器數據

源:蘋果,桔子,芒果

文本框1 =蘋果 文本框2 =蘋果應在列表中被過濾掉。它應該只顯示橙色和芒果。

我能夠過濾源,但列表仍然顯示該項目。但是,刷新頁面後,源代碼會更新。我發現這個問題,這裏是a link,但在我的情況下,而不是添加,我想過濾掉它。

任何幫助表示讚賞。

謝謝! Zel

+0

可能是值得張貼什麼你到目前爲止做了什麼? – 2012-08-13 06:26:26

回答

0

在每個文本框更改的事件上,您將不得不從列表中刪除該項並調用該函數(從插件中)。你一定一直在調用所有這三個功能。

1

我會做什麼...傳遞第一個文本框的值回服務器(&反之亦然每個自動完成)

你可以嘗試這樣的事情。

JQuery的

$('#auto2_id').autocomplete({ 
      source: function (request, response) { 
       $.ajax({ 
        url: 'some_url/SomeAction', 
        dataType: "json", 
        data: { 
         term: request.term, 
         filter: $('#auto1_id').val() 
        }, 
        success: function (data) { 
         //do something 
        } 
       }) 
      } 
     }); 

服務器端 (不知道你使用的是什麼語言。 但在C#(粗代碼示例))

public ActionResult SomeAction(string term, string filter) 
{ 
    var data = _repo.GetAllCached().Where(o => o.Text != filter && o.Text.Contains(term)); 
    return Json(data , JsonRequestBehavior.AllowGet); 
}