jqueryの.change(function)関数に関数名をつけて関数内の変数を関数外で呼び出したい

Question

jqueryの.change(function)関数に関数名をつけて関数内の変数を関数外で呼び出したいです。

やりたいこと
$('select[name="contents[]"]').change(function () {
var val1 = $('select[name="contents[]"]').val();//セレクトで選択されたvalue値を取得

return val1;

});

console.log(val1);//関数外で呼び出し

ご教授よろしくお願いいたします。

Answer 1

コールバックで自分自身を参照するときは
$(this)です値を取るなら$(this).val()ですね
コールバック内でvarしたらスコープ外に持ち出せないです
予め外側でval1を宣言しておいてください

Comments

[yambejp]

ただ、changeイベントと別のところにconsoleしても
イベントからの影響がないので表示されませんよね

[Guzoo]

回答いただきありがとうございます。
実際に試してみたのですが、コンソールでundefinedになってしまいました。。。

変更したソースは以下です。
var val1;
$('select[name="contents[]"]').change(function () {
val1 = $(this).val();//セレクトで選択されたvalue値を取得

return val1;
});

console.log(val1);//関数外で呼び出し

申し訳ありませんが、ご教授いただけませんでしょうか。

[Guzoo]

すみません、追記ありがとうございます。
changeイベントで変更があった内容を関数外で確認
する方法ってありませんかね。。

[int32_t]

↑↑のコメントのコードで正しく動いていると思いますよ。changeイベントが起きる前に val1 を参照すると何も代入していないので undefined になります。