<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Senamion.com - multiselect2side (multiple select double side) plugin: documentation and demo page</title>
<link rel="stylesheet" href="css/jquery.multiselect2side.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery.multiselect2side.js" ></script>
<script type="text/javascript">
$().ready(function() {
$('#searchable').multiselect2side({
search: "Search: "
});
$('#first').multiselect2side({
optGroupSearch: "Group: ",
search: "<img src='img/search.gif' />"
});
$('#second').multiselect2side({
selectedPosition: 'right',
moveOptions: false,
labelsx: '',
labeldx: '',
autoSort: true,
autoSortAvailable: true
});
$('#third').multiselect2side({
selectedPosition: 'left',
moveOptions: true,
labelTop: '+ +',
labelBottom: '- -',
labelUp: '+',
labelDown: '-',
labelsx: '* Selected *',
labeldx: '* Available *',
search: "Find: "
});
$('#fourth').multiselect2side({maxSelected: 4});
$('.clickToView2').click(function() {
$(this).parent().prevAll("select:first").toggle();
return false;
});
$('.clickToView').click(function() {
elClick = $(this);
selEl = elClick.prevAll("select:first");
$.ajax({
url: 'jmultiselect2side.php',
data: selEl.serialize() + '&SELECTNAME=' + selEl.attr("name"),
success: function(data) {
elClick.next().next().next().html(data);
}
});
return false;
});
$('#fourth')
.multiselect2side('addOption', {name: 'test selected', value: 'test1', selected: true})
.multiselect2side('addOption', {name: 'test not selected', value: 'test2', selected: false});
$('#third')
.multiselect2side('addOption', {name: 'test selected', value: 'test1', selected: true})
.multiselect2side('addOption', {name: 'test not selected', value: 'test2', selected: false});
//$('#third').multiselect2side('destroy');
});
</script>
</head>
<body>
<h2>multiselect2side plugin: documentation and demo page</h2>
<h3>Demo Search - Full demo select multiple double side with search option true (1000 elements)</h3>
<p>Select multiple="multiple" modified by multiselect2side</p>
<select name="searchable[]" id='searchable' multiple='multiple' >
<option value='1'>Option strawberry 1 - India</option>
<option value='2'>Option apricot 2 - Italy</option>
<option value='3'>Option cherry 3 - USA</option>
<option value='4'>Option pineapple 4 - Holland</option>
<option value='5'>Option pineapple 5 - Mexico</option>
<option value='6'>Option pineapple 6 - Holland</option>
<option value='7'>Option pineapple 7 - USA</option>
<option value='8'>Option apricot 8 - India</option>
<option value='9'>Option pear 9 - Japan</option>
<option value='10'>Option melon 10 - Canada</option>
<option value='11'>Option melon 11 - Canada</option>
<option value='12'>Option melon 12 - China</option>
<option value='13'>Option apple 13 - Japan</option>
<option value='14'>Option orange 14 - Italy</option>
<option value='15'>Option cherry 15 - Canada</option>
<option value='16'>Option pear 16 - Germany</option>
<option value='17'>Option orange 17 - Italy</option>
<option value='18'>Option apricot 18 - Italy</option>
<option value='19'>Option orange 19 - Mexico</option>
<option value='20'>Option pineapple 20 - Germany</option>
<option value='21'>Option apricot 21 - USA</option>
<option value='22'>Option pear 22 - Mexico</option>
<option value='23'>Option pear 23 - India</option>
<option value='24'>Option pear 24 - Holland</option>
<option value='25'>Option apricot 25 - China</option>
<option value='26'>Option cherry 26 - Italy</option>
<option value='27'>Option apple 27 - USA</option>
<option value='28'>Option strawberry 28 - Italy</option>
<option value='29'>Option cherry 29 - Italy</option>
<option value='30'>Option orange 30 - Holland</option>
<option value='31'>Option pear 31 - France</option>
<option value='32'>Option pear 32 - Holland</option>
<option value='33'>Option melon 33 - Italy</option>
<option value='34'>Option pineapple 34 - Japan</option>
<option value='35'>Option pear 35 - Italy</option>
<option value='36'>Option melon 36 - USA</option>
<option value='37'>Option orange 37 - Japan</option>
<option value='38'>Option melon 38 - France</option>
<option value='39'>Option pineapple 39 - Germany</option>
<option value='40'>Option strawberry 40 - Canada</option>
<option value='41'>Option pineapple 41 - Germany</option>
<option value='42'>Option pear 42 - Japan</option>
<option value='43'>Option strawberry 43 - Canada</option>
<option value='44'>Option apricot 44 - Germany</option>
<option value='45'>Option pear 45 - China</option>
<option value='46'>Option pear 46 - Japan</option>
<option value='47'>Option pear 47 - Holland</option>
<option value='48'>Option orange 48 - Germany</option>
<option value='49'>Option pineapple 49 - Germany</option>
<option value='50'>Option pear 50 - India</option>
<option value='51'>Option cherry 51 - Germany</option>
<option value='52'>Option apple 52 - India</option>
<option value='53'>Option melon 53 - France</option>
<option value='54'>Option melon 54 - Italy</option>
<option value='55'>Option orange 55 - France</option>
<option value='56'>Option pear 56 - China</option>
<option value='57'>Option orange 57 - Holland</option>
<option value='58'>Option melon 58 - USA</option>
<option value='59'>Option cherry 59 - USA</option>
<option value='60'>Option strawberry 60 - Italy</option>
<option value='61'>Option strawberry 61 - USA</option>
<option value='62'>Option apricot 62 - Canada</option>
<option value='63'>Option apricot 63 - China</option>
<option value='64'>Option strawberry 64 - Canada</option>
<option value='65'>Option pineapple 65 - Mexico</option>
<option value='66'>Option orange 66 - Mexico</option>
<option value='67'>Option apple 67 - USA</option>
<option value='68'>Option pear 68 - France</option>
<option value='69'>Option apricot 69 - Germany</option>
<option value='70'>Option melon 70 - China</option>
<option value='71'>Option orange 71 - Germany</option>
<option value='72'>Option apricot 72 - Mexico</option>
<option value='73'>Option pear 73 - Italy</option>
<option value='74'>Option pineapple 74 - USA</option>
<option value='75'>Option orange 75 - France</option>
<option value='76'>Option orange 76 - USA</option>
<option value='77'>Option pineapple 77 - China</option>
<option value='78'>Option pear 78 - Mexico</option>
<option value='79'>Option apricot 79 - Mexico</option>
<option value='80'>Option pineapple 80 - Canada</option>
<option value='81'>Option apricot 81 - Germany</option>
<option value='82'>Option apricot 82 - Germany</option>
<option value='83'>Option strawberry 83 - India</option>
<option value='84'>Option orange 84 - Holland</option>
<option value='85'>Option cherry 85 - Germany</option>
<option value='86'>Option melon 86 - India</option>
<option value='87'>Option melon 87 - USA</option>
<option value='88'>Option pear 88 - China</option>
<option value='89'>Option orange 89 - China</option>
<option value='90'>Option strawberry 90 - France</option>
<option value='91'>Option pear 91 - USA</option>
<option value='92'>Option pineapple
sources-linux常用命令大全 （327个子文件） 
6.6 安装（install）mysql 5.7 最完整版教程 1KB nginx.conf 2KB server.crt 2KB bootstrap.css 143KB bootstrap.min.css 118KB layui.css 78KB bootstrap-theme.css 26KB bootstrap-theme.min.css 23KB layer.css 14KB chosen.css 12KB bootstrap-select.css 11KB bootstrap-slider.css 10KB chosen.min.css 10KB bootstrap-select.min.css 10KB bootstrap-slider.min.css 9KB laydate.css 7KB jquery.multiselect2side.css 2KB code.css 1KB Dockerfile 4KB Dockerfile 2KB Dockerfile 2KB Dockerfile 1KB oraclejdk.Dockerfile 1KB Dockerfile 661B ubuntu.Dockerfile 315B iconfont.eot 46KB glyphicons-halflings-regular.eot 20KB
loading-0.gif 6KB loading-2.gif 2KB loading.gif 2KB search.gif 989B close.gif 909B loading-1.gif 701B
jmultiselect2side.html 75KB bootstrap-select.html 12KB demo.html 4KB select-tree-demo.html 2KB
jetbrains-agent.jar 2.3MB ApiController.java 813B layui.js 284KB bootstrap-select.js 95KB jquery.js 82KB bootstrap.js 68KB bootstrap-slider.js 63KB additional-methods.js 51KB jquery.validate.js 50KB chosen.jquery.js 46KB bootstrap-select.min.js 44KB bootstrap.min.js 36KB bootstrap-slider.min.js 34KB chosen.jquery.min.js 28KB jquery.validate.min.js 24KB additional-methods.min.js 22KB jquery.multiselect2side.js 18KB select-tree.js 6KB defaults-kh_KM.js 2KB defaults-ar_AR.js 2KB defaults-bg_BG.js 2KB defaults-lt_LT.js 2KB defaults-tr_TR.js 2KB defaults-hr_HR.js 2KB defaults-fr_FR.js 2KB defaults-de_DE.js 2KB defaults-fi_FI.js 2KB defaults-nb_NO.js 2KB defaults-da_DK.js 2KB defaults-en_US.js 1KB defaults-ru_RU.js 1KB defaults-sv_SE.js 1KB defaults-ko_KR.js 1KB defaults-fa_IR.js 1KB defaults-vi_VN.js 1KB defaults-et_EE.js 1KB defaults-ua_UA.js 1KB defaults-it_IT.js 1KB messages_zh.js 1KB defaults-hu_HU.js 1KB defaults-ro_RO.js 1KB demo.js 1KB defaults-sl_SI.js 1KB defaults-ja_JP.js 1KB defaults-kh_KM.min.js 1KB defaults-sk_SK.js 1KB defaults-pl_PL.js 1KB defaults-es_ES.js 1KB defaults-es_CL.js 1KB defaults-nl_NL.js 1KB defaults-eu.js 1KB defaults-pt_BR.js 1KB defaults-pt_PT.js 1KB defaults-cs_CZ.js 1KB defaults-zh_TW.js 1KB defaults-zh_CN.js 1KB defaults-id_ID.js 1KB messages_zh.min.js 1KB defaults-bg_BG.min.js 1KB defaults-ar_AR.min.js 1KB defaults-lt_LT.min.js 1KB defaults-hr_HR.min.js 1019B defaults-fr_FR.min.js 1018B共 327 条
- 1
- 2
- 3
- 4
资源评论
wjs2024
- 粉丝: 3398
最新资源
- 数据库实验2：表的创建与管理.docx
- 专起本《工程项目管理》C试卷.doc
- 国家开放大学电大《桥梁工程技术》《会计学概论》网络课形考网考作业(合集)答案.docx
- 字形字体处理C语言课程设计范文.doc
- 网络游戏市场分析及媒体投放分析报告.pptx
- 最新毕业论文基于PLC的自动卷帘门控制系统.doc
- 制冷系统安全技术操作规程.doc
- 机械自动化设备优化策略分析获奖科研报告论文.docx
- 基于PLC与触摸屏的恒压供水电气系统设计.doc
- 告别网络游戏PPT课件.ppt
- 计算机体系结构实验报告二.doc
- 小程序如何运营？.docx
- 综合布线工程竣工验收报告样本.doc
- 2023年职称计算机试题及答案.doc
- 选煤工艺流程软件开发平台的选择.doc
- 综合楼综合布线系统方案.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
