プログラミング逆引き辞典

~ 多言語対応のプログラミングレシピ ~

JQuery プルダウン選択前後の値取得

selectタグを使用したプルダウンで使うこともできる
「プルダウンにフォーカスした時の値」と「プルダウンを選択した時の値」を取得する方法
 
 
具体的には即時関数内でon()イベントとchange()イベントによって取得する

//即時関数:(function(){})();
(function() {
    //フォーカス時の値
    let focusVal;
    //選択時の値
    let seletedVal;

//on('focus', 関数)でフォーカス時の処理
    $('#admin_flag').on('focus', function() {
        //フォーカス時の値を取得
        focusVal = this.value;
//change(関数)で変更時、即ち選択時の処理
    }).change(function() {
        //選択時の値を取得
        selectedVal = this.value;

        alert('プルダウン選択前の値:' + focusVal);
        alert('プルダウン選択後の値:' + selectedVal);
    });
})();