2011-07-08 20 views
1

クリックイベントを選択オプションにバインドする方法はありますか?Jqueryバインドをクリックしてオプションを選択しますが、選択要素自体には適用しません

私が最初にボックスをクリックしたときに最初のオプションを選択することができないので(デフォルトで既に選択されているので)、変更イベントも機能しません。最初のオプションを選択することができなくてはなりませんオプション。

クリックや変更イベントをバインドする方法はありますか?あなたはどちらかの可能性

+2

'を選択してください...' オプションを追加するか、ページのロードの変更コードを実行しますか? – Town

+2

他のレンチをここに投げる...ユーザーは選択ボックスにTabキーを押して、「クリック」イベントを使用せずに選択を行うことができます。 – kasdega

+0

あなたは '$( 'option')を試してみましたか?(function(){// ..ここにいくつかのコード}); – Trey

答えて

4

A)selectにデフォルトのアイテムとしてoption 'は...を選択してください' を追加します。

B)を実行し、デフォルト、something like thisをピックアップして、ページの読み込みにコード「選択はを変更しました」。

<select> 
    <option>one</option> 
    <option>two</option> 
    <option>three</option> 
</select> 

Current Value: <span></span> 

// call the changed function on document ready 
// to get the 'default' value 
$(function() { 
    selectionChanged(); 
}); 

// hook up the change event of the select box 
$('select').change(selectionChanged); 

// event handler for the change event 
function selectionChanged(e) { 
    $('span').html($('select').val()); 
} 
+0

オプションb)の場合 –

+0

オプションbは私のために働くでしょう、ありがとうTown! – mfreitas

+0

@mfreitas:私の喜びの仲間:) – Town

関連する問題