Jquery Mobile – Select subMenu change it with javascript looks great

Posted: July 14, 2013 in jquery mobile

Add the select menu to the html code

<select name=”timeOfWorkoutPlanMinutes” id=”timeOfWorkoutPlanMinutes” data-native-menu=”true”>
<option value=”0″>00</option>
<option value=”5″>05</option>
<option value=”10″>10</option>
<option value=”15″>15</option>
<option value=”20″>20</option>
<option value=”25″>25</option>
<option value=”30″>30</option>
<option value=”35″>35</option>
<option value=”40″>40</option>
<option value=”45″>45</option>
<option value=”50″>50</option>
<option value=”55″>55</option>
</select>

and it can be changed by javascript

$(‘#timeOfWorkoutPlanMinutesoption[value=’+val+’]’).attr(‘selected’, ‘selected’);
$(‘#timeOfWorkoutPlanMinutes’).selectmenu(‘refresh’);

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s