Creating selectable form menus with jQuery Mobile
By Bartłomiej Bartel
A simple example of creating selectable form menus using the jQuery Mobile.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="jQuery example for Tizen"/>
<title>jQuery Mobile example for Tizen</title>
<link rel="stylesheet" href="./css/jquery.mobile-1.3.2.css"/>
<script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="./js/jquery.mobile-1.3.2.js"></script>
<style>
</style>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Select your car</h1>
</div>
<div data-role="main" class="ui-content">
<form method="post" action="processCars.php">
<fieldset class="ui-field-contain">
<label for="car">Select your car</label>
<select name="car" id="car">
<option value="lam">Lambhorgini</option>
<option value="fia">Fiat 126p</option>
<option value="sko">Skoda Octavia</option>
<option value="duc">Ducati</option>
<option value="fer">Ferrari</option>
<option value="vol">Volga</option>
<option value="ben">Bentley</option>
<option value="ben">Dacia</option>
</select>
</fieldset>
<input type="submit" data-inline="true" value="Submit">
</form>
</div>
</div>
</div>
<script>
</script>
</body>
</html>