插件描述：jquery.multi-select是一款jQuery开发的美化Select多选插件，界面上存在未选和已选两个框方便选择，支持分组。
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <code data-language="html" class="rainbow" style="padding: 0px; font-family: Monaco, courier, monospace; font-size: 12px; color: inherit; border-radius: 3px; border: 0px; background-color: transparent;"><span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">html</span></span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">head</span></span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">link</span></span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">href</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span><span class="string value" style="color: rgb(97, 206, 60);">path/to/multiselect.css</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">media</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span><span class="string value" style="color: rgb(97, 206, 60);">screen</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">rel</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span><span class="string value" style="color: rgb(97, 206, 60);">stylesheet</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">type</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span><span class="string value" style="color: rgb(97, 206, 60);">text/css</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag special" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">/</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">head</span></span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">body</span></span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">select</span></span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">multiple</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span><span class="string value" style="color: rgb(97, 206, 60);">multiple</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">id</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span><span class="string value" style="color: rgb(97, 206, 60);">my-select</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">name</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span><span class="string value" style="color: rgb(97, 206, 60);">my-select[]</span><span class="string quote" style="color: rgb(97, 206, 60);">"</span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">value</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="string value" style="color: rgb(97, 206, 60);">elem_1</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span>elem 1<span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag special" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">/</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">value</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="string value" style="color: rgb(97, 206, 60);">elem_2</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span>elem 2<span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag special" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">/</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">value</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="string value" style="color: rgb(97, 206, 60);">elem_3</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span>elem 3<span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag special" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">/</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">value</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="string value" style="color: rgb(97, 206, 60);">elem_4</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span>elem 4<span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag special" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">/</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span> ... <span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span> <span class="support attribute" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">value</span><span class="support operator" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;">=</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="string value" style="color: rgb(97, 206, 60);">elem_100</span><span class="string quote" style="color: rgb(97, 206, 60);">'</span><span class="support tag close" style="float: none; font-size: 1em; color: rgb(141, 166, 206); text-shadow: none; opacity: 1;">></span>elem 100<span class="support tag" style="color: rgb(141, 166, 206); float: none; font-size: 1em; text-shadow: none; opacity: 1;"><span class="support tag" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;"><</span><span class="support tag special" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">/</span><span class="support tag-name" style="float: none; font-size: 1em; text-shadow: none; opacity: 1;">option</span></span><span class="support tag close" style=特别申明：
|