- 爱易网页
-
JavaSript
- jquerymultiSelect插件,该怎么处理
日期:2014-05-16 浏览次数:20459 次
jquerymultiSelect插件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="keywords" content="design, css, rss, ajax, xml, design, usability, information architecture, flash, ria" />
<meta name="description" content="" />
<meta http-equiv="imagetoolbar" content="no" />
<title>arc90 lab | tools: jQuery MultiSelect</title>
<style type="text/css">
/* Style for this page */
@import "style.css";
</style>
<!--[if lt IE 7]>
<style type="text/css">
/* Overrides for IE */
.multiSelect div.title {
position: absolute;
z-index: 104;
width:100%; /* Fix for IE. */
}
</style>
<![endif]-->
<!--[if lt IE 6]>
<style type="text/css">
.multiSelect div.title
{
height: 20px; /* Fix for IE. */
}
</style>
<![endif]-->
<script language="javascript" type="text/javascript" src="jquery-latest.js"></script>
<script language="javascript" type="text/javascript" src="arc90_multiselect.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$('#basicmultiselect').multiSelect({select_all_min: 3});
$('#lang').multiSelect({
select_all_min: 3,
no_selection: "Please select a few items!",
selected_text: " clicked%%%%%%%%%%%"
});
$('#methods').multiSelect();
});
function doSubmit()
{
window.location="sms.action";
}
</script> </script>
</head>
<body>
<div id="container">
<h1>jQuery MultiSelect</h1>
<form action="#" method="get" name="form" id="form">
<div class="examples">
<label class="examples">First example of jQuery MultiSelect</label>
<select id="lang" name="lang" class="arc90_multiselect" multiple="multiple" title="Languages">
<option value="fr">French</option>
<option value="en" selected="true">English</option>
<option value="sp">Spanish</option>
<option value="jp" selected="true">Japanese</option>
</select>