多個可選項，在做出任何選擇後重置所有其他選項

Question

我在網頁中使用了多個jquery-ui-selectable。我希望選定的文本值顯示在文本字段中。基本上我設計了一種類別結構，我用手風琴作爲頭部，可以選擇作爲子類別。

我能夠在文本字段中顯示它，但問題是當我想從另一個手風琴中選擇該項目時，前一個手風琴項目的值被添加到文本字段中。這是因爲以前的手風琴項目仍處於選定狀態。一旦我點擊下一手風琴的項目，我想從以前的手風琴中取消它。

Answer 1

如果我的問題得到了解決，您只需要實施更改處理程序。

示例代碼可能類似於以下：

$(".selectable").selectable({ 

    // change handler 
    stop: function() { 

     // reset all selected values in other selectables 
     $('.selectable').not(this).find('li').removeClass('ui-selected'); 

     // print currently selected value(s) 
     $('#result').val(
      $(".ui-selected").map(function() { 
       return $(this).text(); 
      }).get().join(";") 
     ); 
    } 

});​ 

親身體驗在這個FIDDLE。