<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>jQuery Dropdown Checkbox List</title>
<link rel="stylesheet" type="text/css" href="css/ui.dropdownchecklist.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/ui.core.js"></script>
<script type="text/javascript" src="jquery/ui.dropdownchecklist.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#s5").dropdownchecklist({ firstItemChecksAll: true, maxDropHeight: 100 });
});
</script>
</head>
<body>
<h1 align="center" >jQuery Dropdown Checkbox List</h1>
<form action="dropdown_checkboxresult.jsp" method="post" >
<table align="center">
<tr>
<td>Select Product :</td>
<td>
<select id="s5" multiple="multiple" name="dropdown" >
<option>All</option>
<option>Product 1</option>
<option>Product 2</option>
<option>Product 3</option>
<option>Product 4</option>
<option>Product 5</option>
<option>Product 6</option>
<option>Product 7</option>
<option>Product 8</option>
<option>Product 9</option>
<option>Product 10</option>
<option>Product 11</option>
<option>Product 12</option>
<option>Product 13</option>
<option>Product 14</option>
<option>Product 15</option>
<option>Product 16</option>
<option>Product 17</option>
<option>Product 18</option>
<option>Product 19</option>
<option>Product 20</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Submit" /></td>
</tr>
</table>
</form>
</body>
</html>AryanTech Pune
 |
| Best Traning Institute. |
No comments:
Post a Comment