선택 2 드롭 다운은 사용자가 입력

선택 2 구성 요소가 Select2 dropdown but allow new values by user?선택 2 드롭 다운은 사용자가 입력

에 물어 그리고 당신은 그것을 볼 수 있듯이, 새로운 값을 허용하도록 구성 할 수 있습니다 사용자가 새 값을 허용

$("#tags").select2({ 
    createSearchChoice: function (term, data) { 
     if ($(data).filter(function() { 
      return this.text.localeCompare(term) === 0; 
     }).length === 0) { 
      return { 
       id: term, 
       text: term 
      }; 
     } 
    }, 
    multiple: false, 
    data: [{ 
     id: 0, 
     text: 'story' 
    }, { 
     id: 1, 
     text: 'bug' 
    }, { 
     id: 2, 
     text: 'task' 
    }] 
});

문제는 새 값을 입력하고 Enter 키를 누르거나 Tab 키를 누르면 새 값만 목록에 추가된다는 것입니다.

형식을 사용할 때 select2 구성 요소를 사용하여이 새 값을 허용하고 select2를 그대로 둘 수 있습니까? (그냥 화면의 일부를 클릭하여 입력 할 값을 유지하는 일반 HTML 입력 태그)

select2에는 select2-blur 이벤트가 있지만이 방법을 찾지 못했습니다. 새로운 가치와 목록에 추가?!

출처

2014-09-02 Alireza Fattahi

속성 추가 'selectOnBlur : true,'나를 위해 작동하는 것 같다 – Jason

그것은 효과가있다! http://jsfiddle.net/pHSdP/647/에서 답을 보내주십시오. 올바른 것으로 표시 할 수 있도록 답을 보내주십시오! –

속성을 추가하면 selectOnBlur: true, 나를 위해 작동하는 것 같습니다.

편집 : 기쁜 마음으로 당신을 위해 일했습니다!

tags: true, 
 
selectOnBlur: true,

이

출처

2014-09-02 05:54:09 Jason

나는 두 가지 옵션을 추가 선택 2 4.0.3를 사용했다하고 기존 항목 :

select2({tags: true, selectOnBlur: true, multiple: true})

출처

2016-10-11 08:45:48 Char

v4의 경우 'selectOnBlur'가'selectOnClose'로 변경되었습니다. –

나를 위해 일한과 함께 여러 새로운 선택을 제출 할 수 있도록 :

출처

2017-12-04 12:51:21

선택 2 드롭 다운은 사용자가 입력

답변

관련 문제