<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>MULTIPLE SELECT</title> <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script> <link href="https://cdn.bootcss.com/multiple-select/1.2.0/multiple-select.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/multiple-select/1.2.0/multiple-select.min.js"></script> </head> <body> <select id="fruit" multiple style="130px;"> <option value="1">苹果</option> <option value="2">桔子</option> <option value="3">香蕉</option> <option value="4">葡萄</option> <option value="5">山竹</option> <option value="6">榴莲</option> </select> <input name="fruit" placeholder="值"> <input type="button" onclick="testV()" value="测试" /> <script> $(function(){ $('#fruit') .multipleSelect({ selectAll:false ,placeholder:'你喜欢的水果？' }) .change(function(){ $('[name=fruit]').val($(this).val()?$(this).val().join(','):'') }) }) function testV(){ var fruit = $('#fruit').val(); alert(fruit); } </script> </body> </html>