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

136 lines (128 sloc) 4.144 kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Selectmenu - Disable functionality</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.1.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.menu.js"></script>
<script src="../../../ui/jquery.ui.selectmenu.js"></script>
<link rel="stylesheet" href="../../../demos/demos.css">
<script>
$(function() {
$('select#speed').selectmenu({
dropdown: false
});
var withOverflow = $('select#number').selectmenu({
dropdown: false
});
withOverflow.selectmenu("menuWidget").addClass("overflow");
$('select#files').selectmenu();
var files2 = $('select#files2').selectmenu();
$("#disable_select").toggle( function() {
files2.selectmenu("disable");
}, function() {
files2.removeAttr("disabled");
files2.selectmenu("refresh");
});
$("#disable_option").toggle( function() {
files2.find("option:eq(0)").attr("disabled", "disabled");
files2.selectmenu("refresh");
}, function() {
files2.find("option:eq(0)").removeAttr("disabled");
files2.selectmenu("refresh");
});
$("#disable_optgroup").toggle( function() {
files2.find("optgroup:eq(0)").attr("disabled", "disabled");
files2.selectmenu("refresh");
}, function() {
files2.find("optgroup:eq(0)").removeAttr("disabled");
files2.selectmenu("refresh");
});
});
</script>
<style>
form { margin: 100px 0 0 0 }
fieldset { border: 0; }
label { display: block; }
select { width: 200px; }
.overflow { height: 200px; }
</style>
</head>
<body>
<div class="demo">
<form action="#">
<fieldset>
<label for="speed">Select a speed:</label>
<select disabled="disabled" 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>
<br />
<br />
<br />
<label for="number">Select a number:</label>
<select name="number" id="number">
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
<option disabled="disabled" value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option disabled="disabled" value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option disabled="disabled" value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option disabled="disabled" value="14">14</option>
<option disabled="disabled" value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
</select>
<br />
<br />
<br />
<label for="files">Select a file:</label>
<select name="files" id="files">
<optgroup disabled="disabled" label="Scripts">
<option value="jquery">jQuery.js</option>
<option value="jqueryui">ui.jQuery.js</option>
</optgroup>
<optgroup label="Other files">
<option value="somefile">Some unknown file</option>
<option value="someotherfile">Some other file</option>
</optgroup>
</select>
<br />
<br />
<br />
<label for="files2">Select a file:</label>
<select name="files2" id="files2">
<optgroup label="Scripts">
<option value="jquery">jQuery.js</option>
<option value="jqueryui">ui.jQuery.js</option>
</optgroup>
<optgroup label="Other files">
<option value="somefile">Some unknown file</option>
<option value="someotherfile">Some other file</option>
</optgroup>
</select>
</fieldset>
</form>
<br />
<button id="disable_select">Toggle disable select</button>
<button id="disable_option">Toggle disable option</button>
<button id="disable_optgroup">Toggle disable optgroup</button>
</div><!-- End demo -->
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.