<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery MultiSelect Plugin Tests</title>
<link rel="stylesheet" type="text/css" href="../../jquery.multiselect.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="../../src/jquery.multiselect.js"></script>
</head>
<body>
<h1>Form Submission Test</h1>
<p>Testing to ensure the correct values are actually passed when the form is submitted.</p>
<pre>
<?php var_dump( $_POST['foo'], $_POST['bar'] ); ?>
</pre>
<form action="formsubmission.php" method="post" style="margin-top:20px">
<select name="foo[]" multiple="multiple" size="5">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
</select>
<select name="bar[]" multiple="multiple" size="5">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
</select>
<div><input type="submit" value="Submit" /></div>
</form>
<script type="text/javascript">
$("select").multiselect();
$("form").bind("submit", function(){
alert( $(this).serialize() );
});
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
jQuery UI MultiSelect 多选下拉框
共68个文件
js:37个
htm:17个
css:6个
5星 · 超过95%的资源 需积分: 50 83 下载量 22 浏览量
2013-11-01
17:43:35
上传
评论
收藏 108KB ZIP 举报
温馨提示
一、基本属性 1.全选和全不选,如效果图中第3部分 checkAllText 默认值:check all uncheckAllText 默认值:uncheck all $("select").multiselect({ checkAllText: "全选", uncheckAllText:"全不选" }); 2.选中项的提示信息,如图中第2部分 selectedText 默认:# selected $("select").multiselect({ selectedText: 选中【#】项 ,总共【 #】项" }); 3.被选中的value值,如图第1部分显示的内容 $("select").find("option:selected").text(); 4.被选中的项对应的key值,返回数据格式如下: 1,2,3,6,7 var keys = $("#depart").val(); 二、基本事件 beforeopen 当下拉框被打开
资源推荐
资源详情
资源评论
收起资源包目录
jquery-ui-multiselect-widget-master.zip (68个子文件)
jquery-ui-multiselect-widget-master
demos
basic.htm 2KB
animations.htm 2KB
enabledisable.htm 2KB
single.htm 2KB
assets
ba.hashchange.js 1KB
prettify.css 710B
prettify.js 56KB
style.css 642B
index.htm 4KB
headers.htm 2KB
maxchecked.htm 2KB
preselected.htm 2KB
callbacks.htm 4KB
selectedlist.htm 3KB
position.htm 3KB
filter.htm 5KB
refresh.htm 2KB
i18n
jquery.multiselect.pl.js 351B
jquery.multiselect.filter.cs.js 258B
jquery.multiselect.filter.ru.js 284B
jquery.multiselect.filter.zh-cn.js 266B
jquery.multiselect.filter.ja.js 298B
jquery.multiselect.cs.js 332B
jquery.multiselect.br.js 364B
jquery.multiselect.es.js 359B
jquery.multiselect.filter.tr.js 267B
jquery.multiselect.filter.de.js 267B
jquery.multiselect.de.js 348B
jquery.multiselect.tr.js 357B
jquery.multiselect.filter.zh-tw.js 266B
jquery.multiselect.zh-tw.js 316B
jquery.multiselect.filter.it.js 287B
jquery.multiselect.filter.br.js 282B
jquery.multiselect.it.js 367B
jquery.multiselect.ja.js 370B
jquery.multiselect.ru.js 403B
jquery.multiselect.filter.es.js 283B
jquery.multiselect.filter.pl.js 277B
jquery.multiselect.fr.js 361B
jquery.multiselect.zh-cn.js 316B
jquery.multiselect.filter.fr.js 276B
MIT-LICENSE 1KB
jquery.multiselect.filter.css 326B
src
jquery.multiselect.filter.js 5KB
jquery.multiselect.min.js 10KB
jquery.multiselect.filter.min.js 3KB
jquery.multiselect.js 22KB
jquery.multiselect.css 2KB
README.markdown 262B
tests
visual
formsubmission.php 2KB
formsubmission-single.php 2KB
widget-containers.htm 3KB
form-reset.htm 2KB
formsubmission.htm 2KB
formsubmission.cfm 2KB
style.css 642B
unit
qunit.js 35KB
core.js 6KB
options.js 11KB
methods.js 6KB
index.htm 2KB
events.js 12KB
html.js 963B
filter.js 4KB
qunit.css 4KB
GPL-LICENSE 15KB
screenshot.gif 8KB
CHANGELOG 8KB
共 68 条
- 1
LOVEFOREVE
- 粉丝: 34
- 资源: 25
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页