2017-07-25 37 views
0

閉じるときにMaterialize CSS select要素で選択値を取得しようとしています。このようなMaterialize CSS select:閉じるときに選択値を取得

何か:ショーは選択された値を最後のため

$('input.select-dropdown').on('close', function() { 
    console.log($(this).val()); 
}); 

だけで、動作しません。初回は何も表示されず、次回は選択された値が最初に表示されます。

これは、選択された値の前にクローズアクションが宣言されているためです。

「閉じる」で選択した値を取得する方法があるかどうかは誰でも知っていますか?

ありがとうございます。

私はjqueryのことで値を選択したくない

が、私は(任意のオプションが選択されている場合)ドロップダウンクローズを選択した値を検出したいUPDATE。

私は、テキスト入力としてselectのラベル機能を実装しようとしています。選択を開くと、ラベルは小さくなり、選択が閉じられると値が選択されないと、初期位置に戻ります。

+0

テキスト入力:)のラベルのような選択の作業のために、私が欲しいもののラベルを行うことができます(マテリアライズフレームワークから「アクティブ」と「強制」を選択要素にasigned)で

あなたはそれを変えたいだけではないでしょうか?例えばtrigger( 'change'); $( 'input.select-dropdown')。( 'change'、function(){ console.log($(this).val()); } – Steve

+0

[jqueryによるmaterialize select boxの値の変更]の可能な複製(https://stackoverflow.com/questions/30341095/change-value-of-materialize-select-box-by-jquery) – Shiladitya

+0

変更が機能しません私は近いうちに選択された価値を得る必要があります。私はselectの値をプログラムで変更したくないので、重複しません。 –

答えて

1

を試してみてください。この二つのクラス私は

Materialize CSS select labeled

0

マウスのダウンイベントを使用します。

$('input.select-dropdown').on('mousedown', function() { 
    console.log($(this).val()); 
}); 

または、changeイベントで試すことができます。ここに:

$('input.select-dropdown').on('change', function() { 
     console.log($(this).val()); 
    }); 
+0

閉じるときに選択した値を表示する代わりに、開いたときに値を表示する:( –

+0

@ SamuelE.Cerezo、どう思いますか? –

+0

"変更"で動作しません。ラベルの機能をテキスト入力として実装する。選択が開かれると、ラベルが上に小さくなる。選択が閉じられると、オプションが選択されていない場合、ラベルが初期位置に戻る。 –

1

ドロップダウンの要素がクリックされたときに最後に、私はちょうどラベルに別のクラスを追加

$(document).on('change', 'input.select-dropdown', function() { 
    console.log($(this).val()); 
}); 
+0

"変更"で動作しない:( –

関連する問題