2013-08-01 135 views
0

我正在使用選擇的插件進行多選,並且我想動態顯示頁面中某處的所有選定選項。jQuery選擇插件查詢

我能夠顯示它們,但是,如果有人取消選擇/刪除它們,我也想刪除它們。這就是我正在努力的。

我的代碼到目前爲止看起來像

$(".chosen-select").chosen({max_selected_options: 5}).change(function() { 
    var bStr = "#home-summary-right"; 
    var htmlContent = $("#home-summary-right").html(); 

    $(".search-choice").find("span").each(function() { 
     $(bStr).html("" + htmlContent); 
     toAppend = '<span>' + $(this).text() + '</span>'; 
     $(bStr).append(toAppend); 
    }); 
}); 

否則,有沒有什麼辦法來禁用元素的去除,一旦他們在多個選擇中選擇?有十字架,我可以做什麼顯示沒有,但我仍然不知道如何禁用刪除元素的退格。

+0

請添加html代碼,或創建JSFiddle來詳細說明。 –

+0

HTML代碼就像 <選擇類=「選擇選」> <! - 值的一串 - > 和其他分區爲空的開頭 喜歡

+2

這個類似的插件做了你想要的而不用搞亂html嗎? http://ivaynberg.github.io/select2/多重選擇似乎刪除選定時從列表中刪除項目。我在這裏可能會遇到錯誤的結局。 – azzy81

回答

0

好的,我修好了。

我用setTimeout與其他一些東西組合在一起。

問題是改變後,內部html將返回與以前相同的內容...所以我在幾乎所有事情都完成後調用事件。作品超級流暢!