2012-03-27 12 views
0

単純なドロップダウンがあり、ユーザーがドロップダウン選択を変更しても送信ボタンを押す必要がない場合、オプションの特定の値を取得したいと考えています。これはjqueryで可能ですか?ここですぐに選択オプションの値を取得する

は、私がこれまでに得たものである:

<form action='select.htm'> 
    <select id='BezirksAuswahl'> 
    <option value='Alle'>Alle Eintr&auml;ge</option> 
    <option value='Charlottenburg-Wilmersdorf'>Charlottenburg-Wilmersdorf</option> 
    <option value='Reinickendorf'>Reinickendorf</option> 
    </select> 
    </form> 

、ここでスクリプト:

$('#BezirksAuswahl').click(function(){ 
    $('#BezirksAuswahl option:selected').each(function(){ 
     alert($(this).val()); 
    }); 
}); 

はあなたの助けをありがとう、私はあなたの答えを楽しみにしています。

答えて

1

そうのような要素が変化し、値火災changeイベント、使用してください:

$('#BezirksAuswahl').change(function(e){ 
    alert(this.value); 
}); 
+0

THXを、残念ながらそれは動作しません。ここの3つの例のどれも、アラートイベントを起動していないようです。 firebugはエラーを表示せず、htmlも有効です。何が問題なのでしょうか?ありがとうございました! – Sebsemillia

1
$('#BezirksAuswahl').change(function(){ 
     alert($(this).val()); 
}); 
+0

あなたの助けにthxが、残念ながらそれは動作しません。ここの3つの例のどれも、アラートイベントを起動していないようです。 firebugはエラーを表示せず、htmlも有効です。何が問題なのでしょうか?ありがとうございました! – Sebsemillia

+0

ここにコードを表示するjsfiddleページがあります。http://jsfiddle.net/D99JW/ あなたがコード全体を投稿した場合、これが起こらないようにする解決策を見つけるかもしれません。 –

1

その非常に単純な...この

$('#BezirksAuswahl').change(function(){ 
     var selected_value = $(this).val(); 
}); 
+0

'$ (this).val() 'は、要素の' value'プロパティが 'this.value'を使ってすぐに利用できるので、2つの不要な関数呼び出しです。 –

+0

あなたの助けにthx、残念ながらそれは動作しません。ここの3つの例のどれも、アラートイベントを起動していないようです。 firebugはエラーを表示せず、htmlも有効です。何が問題なのでしょうか?ありがとうございました! – Sebsemillia

1

には、お使いのjQueryのを確認してみてくださいをJqueryを正しく組み込んではいけません。あなたはどのバージョンを参照していますか?

はJQueryがロードされたとき、あなたのスクリプトを実行していることを確認:あなたの助けを

$(document).ready(function() { 
    $('#BezirksAuswahl').change(function(e){ 
    alert(this.value); 
    }); 
}); 
+0

"$()。jquery;"を実行します。コンソールで私があなたに見えるものを教えてください – Zac

+0

私は1.7.1を実行していて、正しく実装されています。この質問/問題は、巨大なCMSプロジェクトのほんの一部であり、他のすべてのjs/jQuery関連のものはうまく動作します.. – Sebsemillia

+0

明らかに私はそれを外部のスクリプトに入れれば、それはhtmlのソースコードに直接含めると動作しますが、そうではありません。 – Sebsemillia

関連する問題