2011-11-24 10 views
6

こんにちは、以下の方法でjqueryを使用してドロップダウンで値を設定しています。Jqueryを使用してドロップダウンで値を設定する方法は?

$("#dropDownItems option[value='--Select--']").attr('selected', 'true'); 

$("#dropDownItems option[value='--Select--']").attr('selected', 'selected'); 

しかし、いずれもFireFoxで動作していません。残りのブラウザでうまく動作しています。

誰でもお手伝いできますか?

+0

はおそらく、単一引用符とCSSの実装に問題があるとしてみてください。あなたは '$(" dropDownItems option [value = \ " - Select __ \"] "")を試したことがありますか?attr( "selected"、 "selected"); '? –

+0

どのバージョンのjQueryを使用していますか? attrの代わりにPropを試してみてください。 – Brij

答えて

11

これはあなたのためのトリックを行う必要があります。

$('#dropdownID').val("Value to be selected"); 
3
$("#dropDownItems").val("--Select--"); 

それとも、あなただけに関係なく、その値の最初のオプションを選択したい場合は、このヘルパー関数を定義することができます。

$.fn.selectFirst = function() { 
    return $(this).find("option:first").attr("selected", "selected").end(); 
} 

次に、このようにそれを使用します。

$("#dropDownItems").selectFirst(); 
1

デフォルト値を設定する場合、最初の要素は次のとおりです。

$('#dropDown')[0].selectedIndex=0; 
0

私はそれを行うには複数の方法があると思います。最も簡単な方法は:

$("#dropdownID").val("dropdownValue"); 

これはうまく動作しますが、あなたはどのような場合には持っている場合には、変更イベントを発生しません。これを解決するには、以下のようにそれを使用します。

$("#dropdownID").val("dropdownValue").change(); 

他の可能な方法は:

$("#dropdownID").attr('selected','selected'); 

$("#dropdownID").prop('selected', true); 
0

この

$('[id*=_dropdown]').val("--Select--"); 
関連する問題