2016-08-20 15 views
0

私はセマンティックUIのドロップダウン拡張機能に大きな問題があります。私はajaxバックエンドで複数の検索ドロップダウンを設定しました。ユーザーが新しいアイテムを追加しようとすると、フォームが送信されます。セマンティックUIドロップダウン選択肢のフォームを送信します

私のドロップダウン構成

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

目標:私は、複数の選択に新しい項目を追加するとき、フォームが提出されていません。

+0

あなたはドロップダウンリストにkeys.delimiterキーを追加するだけです。選択内に「Enter」キーを使用していますか? – romaninsh

+0

フィールドの目標は、既存のリストからタグを選択したり、新しいタグを作成したりすることができます。 そして、私が存在しないタグを追加して、Enter - form submitを押すと、 –

+0

私はこれに対する実際の解決策は何か分かりませんが、ドロップダウンの周りにあるdivのキーハンドラを追加して、イベントのstopPropagation()を実行することができます。たぶんこれは参考になります:http://stackoverflow.com/questions/10313032/stop-enter-return-key-submitting-a-form – romaninsh

答えて

2

私はこの問題の解決方法を見つけましたhere (Semantic-UI issue #4763)

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