2017-05-21 1 views
0

나는 <select>을 적절한 모양과 검색 입력으로 사용하려고 선택했습니다.jquery selected multiple : 선택 항목 사이에 메뉴를 열어 두는 방법

<select multiple> 사용자가 원하는 옵션을 선택하기 위해 드롭 다운 메뉴를 열 때 클릭 사이에서 드롭 다운을 열어 두는 것이 문제입니다. 각 옵션 선택 사이에 메뉴를 다시 열어 놓는 것은 정말 귀찮은 일입니다.

Chosen documentation을 통해 인터넷을 통해 검색했지만 Chosen을 사용하여 검색 할 수 없습니다.

<select multiple="multiple" id="foo" class="chosenSelect"> 
    <option value="NULL" disabled>Chose multiple somthing</option>'; 
    <option value="bar1">foobar1</option>'; 
    <option value="bar2">foobar2</option>'; 
    <option value="bar3">foobar3</option>'; 
</select> 

$('.chosenSelect').chosen(); 

어떤 도움을 환영합니다 : 여기

내가 내 <select>을 썼다 어떻게에 (특수 아무것도를) 선택하지 적용된 방법이다.

답변

0

Chosen 라이브러리에 익숙하지 않습니다. 그래서 라이브러리 자체에 더 나은 솔루션이 존재한다면, 나는 그 해결책을 미룬다.

그러나 더 나은 솔루션을 찾지 못한 채로이 기능을 사용해야하는 경우이 작은 해킹을 사용할 수 있습니다.

$('.chosen-results').bind('click', function(e) { 
    setTimeout(function() { 
    $(e.currentTarget).parent().siblings('.chosen-choices').click() 
    }); 
}); 

나는이 말을 반복합니다. 이는 해킹이며, 다른 것을 찾지 못한 경우에만 사용해야합니다. 내가 더 나은 것을 찾으면 답을 편집 할 것입니다.

+0

고맙습니다! 이 해킹은 완벽하게 작동하는 것 같습니다. 적어도 이제는 내가 더 예쁜 솔루션을 발견하지 못한다면 계획을 뒷받침 할 수 있다는 것을 알고있는 다른 것에 시간을 할애 할 수 있습니다. –

관련 문제