2012-03-01 5 views
0

モバイルjqueryののドロップダウンリストのオプションを選択する方法プログラムで私は、文書が、私はこのコードを持っ例えば</p> <p>と同様に準備ができるよう、プログラムとすぐにドロップダウンリストからオプションを選択する必要があり

<div class="ui-select"> 
      <select name="DropDownList" id="DropDownList" 
       data-native-menu="false" tabindex="-1"> 
       <option value="data1">Data1</option> 
       <option value="data2">Data2</option> 
       <option value="data3">Data3</option> 
       <option value="data4">Data4</option> 
      </select> 
     </div> 

これを手動で選択すると、オプションが選択されます。しかし、ドキュメントが準備完了次第、プログラマチックにオプションを選択する必要があります。

+1

ドキュメントを確認してください。jqueryはhttp://jquerymobile.com/demos/1.0a4/docs/forms/forms-selects.htmlにあります。この文書の最後に必要なものが表示されます。 – arunes

+0

$( "#DropDownList")。val( 'data1') ' –

+0

@ SM09が$("#DropDownList ")で選択されていません。 –

答えて

1
var myselect = $("select#foo"); 
myselect[0].selectedIndex = 3; 
myselect.selectmenu("refresh"); 

スクリプトから撮影:あなたはjQueryのを使用して、選択したオプションを取得し、jQueryの上の「準備」イベントと同じですが、モバイルサイトにはお勧めできませんjQueryのモバイルイベント「pageshowの」を使用することができますhttp://jquerymobile.com/demos/1.0a4/docs/forms/forms-selects.html

+0

ありがとうメイト.....:D –

0

$("div[data-role*='page']").live('pageshow', function(event, ui) { 
    $("#DropDownList").find(":selected").val(); 
}); 
関連する問題

 関連する問題