jqueryでグローバル変数に値を設定する方法は？

Question

私は、フォーム

<form method="get" id="searchform" > 
    <input value="Search..." id="s" type="text"> 
    </form> 

とjQueryコード

<script language="javascript"> 
    var searchformValue; 
    $('#searchform').submit(function(){ 
     searchformValue = $('#s').val(); 
     return searchformValue; 
     }); 

</script> 

を持っていますが、私は関数の外

<script language="javascript"> 
    var searchformValue; 
    $('#searchform').submit(function(){ 
     searchformValue = $('#s').val(); 
     return searchformValue; 
     }); 
      alert(searchformValue); 

</script> 

を検索formvalueを警告するとき、それはunidentified.Whyを返します？

すべての解決策はありますか？

編集：関数はあなた

Answer 1

実行した後、私が提出した値でsearchformValueを持つようにしたい -

alert(searchformValue); 

を提出する関数が呼び出されませうとして（と呼ばれていませんがページのフォームが送信されるまで）、したがってsearchformValueの値は未定義です。

Answer 2

イベントを処理する場合は、イベントのコールバックが機能するようにイベントを発生させる必要があります。変数がundefinedある間

したがって、あなたが持っているコードは、searchformValueを初期化フォームのsubmitイベントにコールバックを取り付け、その後、alert(searchformValue)ます。

Answer 3

コードを実行する前にalert（）を呼び出しています。実際に表示する値が存在するように、ハンドラの最後またはそれ以降に呼び出す必要があります。

ここではグローバル変数は必要ありませんが、単純に 'var'を削除して1にしてください。 FYI、グローバル変数は悪です。

var searchformValue = "" 

Answer 4

変更

var searchformValue; 

あなたは右のそれをやっているが、提出するハンドラが呼び出されるまで、変数は値を与えられていません。これはあなたが望むものです、私は疑います。

Answer 5

へ

Answer 6

予想通りこれは動作します：

var searchformValue; 
$('#searchform').submit(function(){ 
    searchformValue = $('#s').val(); 
    alert(searchformValue); 

    return searchformValue; 
}); 
alert("This will alert immediately"); 

.submit()がブロックされていません。フォームが提出されるのを待ってから次のステートメントに移ります。あなたが提出した後に起こりたいものは、コールバック関数に入る必要があります。