<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes</title>
<link href="chosen.css" rel="stylesheet" />
<script src="jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="chosen.jquery.v2.js" type="text/javascript"></script>
</head>
<body>
<select class="chzn-select" data-placeholder="Choose a Country" style="width:350px;" tabindex="1">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
</select>
<select class="chzn-select" data-placeholder="--请选择--" style="width:350px;" tabindex="1">
<option value=""></option>
<option value="United States">广州岗顶</option>
<option value="United Kingdom">广州公元前</option>
<option value="Afghanistan">广州增城</option>
<option value="Albania">清远</option>
</select>
<script type="text/javascript">
$(".chzn-select").chosen();
</script>
</body>
</html>