smartselect.html

<div data-page="smartselect" class="page" style="padding: 5px 9px;">

	<!--HEADER開始-->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="left">
				<a href="#" class="back link"><i class="icon icon-back"></i><span>上一頁</span></a>
			</div>
			<div class="center">
				smartselect
			</div>
			<div class="right">
				<a href="#" data-panel="right" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
			</div>
		</div>
	</div>
	<!--HEADER結束-->

	<!--要捲動的頁面區塊開始-->
	<div class="page-content">
	<style>
	
	</style>
	<div class="list-block">
<ul>

<li>
<a href="#" data-open-in="picker" data-picker-close-text="完成" data-picker-height="260px" class="item-link smart-select" data-form-theme="green">
<select name="car" multiple multiple maxlength="3">
<optgroup label="Japanese">
<option value="mercedes" data-option-image="http://lorempixel.com/29/29/">Mercedes</option>
<option value="bmw" data-option-image="http://lorempixel.com/29/29/">BMW</option>
<option value="volvo" data-option-image="http://lorempixel.com/29/29/">Volvo</option>
<option value="vw" selected data-option-image="http://lorempixel.com/29/29/" data-option-color="orange">Volkswagen</option>
<option value="toyota" data-option-image="http://lorempixel.com/29/29/">Toyota</option>
<option value="cadillac" data-option-image="http://lorempixel.com/29/29/">Cadillac</option>
<option value="nissan" data-option-image="http://lorempixel.com/29/29/">Nissan</option>
<option value="mazda" data-option-image="http://lorempixel.com/29/29/">Mazda</option>
<option value="ford" data-option-image="http://lorempixel.com/29/29/">Ford</option>
<option value="chrysler" data-option-image="http://lorempixel.com/29/29/">Chrysler</option>
<option value="dodge" data-option-image="http://lorempixel.com/29/29/">Dodge</option>
</optgroup>
</select>
<div class="item-content">
<div class="item-inner">
<div class="item-title">Car</div>
</div>
</div>
</a>
</li>

</ul>
</div>
	</div>
	<!--要捲動的頁面區塊開始-->
  
</div>