多选插件multiselect.js-白红宇的个人博客

多选插件multiselect.js

发布日期：2021-05-07 01:03:22 浏览次数：29 分类：原创文章

本文共 685 字，大约阅读时间需要 2 分钟。

官方网址：

html：

<html>  <head>    <link href="path/to/multiselect.css" media="screen" rel="stylesheet" type="text/css">  </head>  <body>    <select multiple="multiple" id="my-select" name="my-select[]">      <option value='elem_1'>elem 1</option>      <option value='elem_2'>elem 2</option>      <option value='elem_3'>elem 3</option>      <option value='elem_4'>elem 4</option>      ...      <option value='elem_100'>elem 100</option>    </select>    <script src="path/to/jquery.multi-select.js" type="text/javascript"></script>  </body></html>

JavaScript：

$('#my-select').multiSelect();$('#my-select').multiSelect({ keepOrder: true });//按添加的先后排序

获取选中的值（移到右侧的值）的方法：

$('#my-select').val();

上一篇：jQuery实现无刷新切换主题皮肤功能

下一篇：[CF351E]Jeff and Permutation

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章