HTML代码
<!doctype html>
<html>
<head>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<link href="components/jquery-editable-select/jquery-editable-select.min.css" rel="stylesheet"/>
<link href="components/jquery-editable-select/jquerysctipttop.css" rel="stylesheet" type="text/css">
<script src="components/jquery-editable-select/jquery-latest.min.js"></script>
<script src="components/jquery-editable-select/jquery-editable-select.min.js"></script>
</head>
<body>
<select id="slide">
<option>Alfa Romeo</option>
<option>Audi</option>
<option>BMW</option>
<option>Citroen</option>
<option>Fiat</option>
<option>Ford</option>
<option>Jaguar</option>
<option>Jeep</option>
<option>Lancia</option>
<option>Land Rover</option>
<option>Mercedes</option>
</select>
<script>
window.onload = function () {
$('#slide').editableSelect({effects: 'slide'});
}
</script>
</body>
</html>
图示