다중 선택 물, 선택을 한 후에 다른 모든 것을 재설정하십시오.

Question

웹 페이지에서 둘 이상의 jquery-ui 선택 가능을 사용하고 있습니다. 선택한 텍스트 값을 텍스트 필드에 표시하려고합니다. 기본적으로 나는 아코디언을 머리로 사용하고 하위 카테고리로 선택할 수있는 카테고리 구조를 설계했습니다.

텍스트 필드에 표시 할 수 있지만 다른 아코디언에서 이전 아코디언의 항목 값을 텍스트 필드에 추가하려는 경우 문제가 발생합니다. 이는 이전 아코디언의 항목이 아직 선택된 상태에 있기 때문입니다. 다음 아코디언에서 항목을 클릭하자마자 이전 아코디언에서 선택을 취소하고 싶습니다.

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에서 라이브를 참조하십시오.