시맨틱 UI 드롭 다운이 선택 옵션에서 양식을 제출합니다.

시맨틱 UI 드롭 다운 확장에 큰 문제가 있습니다. Ajax 백엔드로 여러 검색 드롭 다운을 구성했습니다. 사용자가 새 항목을 추가하려고하면 양식이 제출됩니다.시맨틱 UI 드롭 다운이 선택 옵션에서 양식을 제출합니다.

내 드롭 구성 :

$(e).dropdown({ 
     allowAdditions: true, 
     saveRemoteData: false, 
     action: 'combo', 
     match: 'text', 
     apiSettings: { 
      url: data('api') 
     } 
    })

목표 : 나는 여러 선택에 새로운 항목을 추가 할 때, 양식을 제출하지 않습니다.

출처

2016-08-20 Максим Владимирович

select에 "enter"키를 사용하고 있습니까? – romaninsh

필드의 목표는 기존 목록에서 태그를 선택하거나 새로 만들 수 있습니다. 그리고 nonexistance 태그를 추가하고 Enter 키를 누르면 양식이 제출됩니다. –

나는 이것에 대한 실제 해결책이 무엇인지 모르겠다.하지만 드롭 다운을 둘러싼 div의 키 핸들러를 추가하고 이벤트에 stopPropagation()을 실행할 수있다. 어쩌면이 도움이됩니다 : http://stackoverflow.com/questions/10313032/stop-enter-return-key-submitting-a-form – romaninsh

이 문제에 대한 해결책은 here (Semantic-UI issue #4763)입니다. 드롭 다운 선언에 키를 추가하십시오.

$(e).dropdown({ 
    allowAdditions: true, 
    saveRemoteData: false, 
    action: 'combo', 
    match: 'text', 
    apiSettings: { 
    url: data('api') 
    }, 
    keys: { 
    delimiter: 13 
    } 
});

출처

2017-01-23 04:00:43 clairity

시맨틱 UI 드롭 다운이 선택 옵션에서 양식을 제출합니다.

답변

관련 문제