jQuery Mobile リファレンス

Tweet

data-native-menu=”false”をselect要素で指定すると、select要素の選択時にjQuery Mobileのカスタムメニューを利用します。

<select data-native-menu="false">
	<option value="menu1">menu1</option>
	<option value="menu2">menu2</option>
	<option value="menu3">menu3</option>
</select>

sample

$.mobile.selectmenu.prototype.options.nativeMenuですべてのselect要素のカスタムメニューを有効にしておき、data-native-menu=”true”で特定の要素だけネイティブメニューを利用することも可能です。

また、カスタムメニューのoptgroupの見出しのテーマはdata-divider-theme属性で変更可能です。

参考URL

jQuery Mobile Docs - Forms

登録日 : 2012年11月01日 最終更新日 : 2016年12月19日

同じカテゴリー(フォーム)のエントリー

• data-clear-btn
• data-placeholder=”true”
• data-ajax=”false”
• data-native-menu
• data-highlight
• class=”ui-hide-label”
• data-mini=”true”