2017-12-14 3 views
0

selectのラベル機能をテキスト入力として実装しようとしています:selectを開くとラベルが小さくなり、selectがクローズされている場合は値が選択されていません初期の位置に戻る。マテリアライズド・セレクト・ドロップダウンのクローズ・イベントを検出する方法

通常の入力ラベル用とドロップダウン用の2つのdivを入力できました。

選択ドロップダウンは最初は非表示になり、入力ラベルのみが表示されます。入力ラベルをクリックすると、ラベルを非表示にして、選択ドロップダウンを表示し、ドロップダウンオープンイベントをトリガして、ドロップダウンが自動的に開きます。問題は、ドロップダウンから何も選択されていない場合で、ドロップダウンを閉じると、選択ドロップを非表示にして入力ラベルを表示したいのです。

私はonChange()を試していますが、何も動作していないようです。

onChange()は、ドロップダウンからオプションを選択した場合にのみ検出できます。しかし、何も選択されていなければ、クローズを検出しません。

答えて

0

最後に、この場合focusout()が機能することがわかりました。 は、選択したドロップダウンラベルを隠すだけで、入力値がnullの場合は入力ラベルを表示します。

関連する問題