Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

63 lines (54 sloc) 1.735 kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Selectmenu - Event functionality</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.6.2.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script>
<script src="../../../ui/jquery.ui.button.js"></script>
<script src="../../../ui/jquery.ui.menu.js"></script>
<script src="../../../ui/jquery.ui.selectmenu.js"></script>
<link rel="stylesheet" href="../../../demos/demos.css">
<script>
$(function() {
var mySelectmenu = $('select').selectmenu();
$("#value").click( function() {
mySelectmenu.selectmenu("option", "value", "Faster");
});
$("#dropdown").toggle( function() {
mySelectmenu.selectmenu("option", "dropdown", false);
}, function() {
mySelectmenu.selectmenu("option", "dropdown", true);
});
});
</script>
<style>
form { margin: 20px 0 0 0 }
fieldset { border: 0; }
select { width: 200px; }
.overflow ul { height: 200px; overflow: auto; }
</style>
</head>
<body>
<div class="demo">
<form action="#">
<fieldset>
<label for="speed">Select a speed:</label>
<select name="speed" id="speed">
<option value="Slower">Slower</option>
<option value="Slow">Slow</option>
<option value="Medium" selected="selected">Medium</option>
<option value="Fast">Fast</option>
<option value="Faster">Faster</option>
</select>
</fieldset>
</form>
<br />
<!-- <button id="dropdown">Toggle dropdown style</button> -->
<button id="value">Set option value = 'Faster'</button>
</div><!-- End demo -->
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.