2014-01-29 1 views
1

긴 옵션 목록 중에서 하나를 선택하여 표시하려면 선택한을 사용하고 있습니다.선택한 방법을 사용하는 방법은 있지만 여전히 텍스트 입력 허용

http://harvesthq.github.io/chosen/

또한 옵션 목록에없는 선택을 제출하도록 사용자를 허용 할 수 있도록하고 싶습니다.

이것은 한 번 선택하기위한 것입니다.

현재 사용자가 입력 한 항목에 대한 옵션이 없으면 선택된 텍스트 상자로 포커스가 이동할 때 입력 된 내용이 지워집니다.

이 목적으로 선택한 것을 변경하는 방법을 알려주십시오. 또는 동일한 효과를 얻을 수있는 또 다른 도구가있는 경우 알기를 바랍니다.

답변

0

선택 영역에 '기타'옵션을 추가 할 수 있지만 선택한 경우 사용자에게 자유 텍스트 입력을 나타냅니다.

+0

다른 텍스트 입력을 드러내는 대신 자동으로 선택된 동일한 텍스트 입력을 사용하고 싶었습니다. 가능한? 또는 다른 플러그인? –

+0

Select2를 확인해보십시오. 그것은 당신이 찾고있는 것을 허락합니다. http://ivaynberg.github.io/select2/ 및 "createSearchChoice"검색 – Will

+0

고맙습니다. 그런 경우 Select2를 시도해 보겠습니다. –

0

당신은에 의해 트리거 된 자바 스크립트 함수를 호출 할 수있다이 경우 자신의 검색 기능

$('.chosen-search').on('keyup', function(e) { 
    if (e.keyCode == 13) { 
     $('.searchBtn').trigger('click'); 
    } 
}); 


$('.searchBtn').click(function() { 
    extraSearchString = $('.chosen-search input[type="text"]').val(); 
    searchStringNotInList(extraSearchString); 
} 

사용자가 입력 한 값을 얻을 전화를 "입력"단추를, 사용자가 입력 한 문자열을 처리 할 수 검색 버튼을 클릭하거나 "입력"을 클릭했을 때