1.JavaBean 方式，在JSP 页面，嵌入java 代码实现
<div class="input-append"> <span class="add-on">bootstrapMultiselect</span><select class="multiselect" multiple="multiple"> <% for(int i=0;i<list.size();i++){ Product product = list.get(i);%> <option value='<%=product.getId() %>'><%=product.getName() %></option> <% } %> </select> </div>
a.product 定义的基本的属性和 setter 和 getter 是一个纯粹的 pojo 对象；
b.具体的 product 对象的读取，涉及与数据交互，封装方法的数据结构可以使用很多（包括数组、map、list），我这里使用的是 ArrayList<Product>;
c.如果想实现的更合理一点，可以定义数据库访问接口，里面定义各种各样对操作 product 的方法（增，删，改，查....）,然后由另外一个类实现这些接口的方法(貌似扯远了，等有时间在说吧)；
2.后台数据库交互，前台 JavaScript 动态添加选项
依赖的具体的 WebMVC 框架为 SpringMvc.
前台 ajax 请求以及动态生成选项：
$.ajax({ url : "/" + window.location.pathname.split("/")[1] + '/service/product/init', type : 'POST', dataType : 'json', success : function(data) { if (data.success) { /** * Bootstrap Multiselect 动态赋值选项卡 1 */ var products = data.products; $.each(products, function(index, product) { $("#product").append('<option value="' + product.id + '">' + product.name + '</option>'); }); /** * Bootstrap Multiselect 动态赋值选项卡 2 */ var products = data.products; var newProducts = new Array(); var obj = new Object(); $.each(products, function(index, product) { obj = { label : product.id, value : product.name }; newProducts.push(obj); }); $(".multiselect").multiselect('dataprovider', newProducts); } } });
a. 第一种方法去赋值时需要注意的时，多选框要在前面先初始化；
b. 然后在官方文档的帮助下，找到了第二种方法，需要用到一个 Array,还有一个万能的 object,将后台返回回来的数据封装给object ,然后将object 放入 Array中，最后赋值给多选框；
c. 后台交互需要一个简单的 sql ，SpringMvc 会将返回回去的 map,转换为 javascript Object 对象， list 转换为 Array 对象；
d.多选框提交到后台值，你可以选择提交选项文本，选项对应的值，提交选项 code 有优势，具体为code 一般为数字或者字母，而文本一般是汉字，会导致post 到后台的内容过大，需要进行转码，code 在代码表中是唯一的，还有安全性较高；
e.后台具体的解析方法如下,我项目中具体是进行查询，所以拼接为一个 sql 子句，解析后当然也可以用来更新数据库；
if(!cxxxjo.getString("product").equals("null") && cxxxjo.getString("product").length() > 0){ JSONArray productja = JSONArray.fromObject(cxxxjo.getString("product")); wherestr += " and t.product in("; for(int i = 0;i < productja.size();i++){ if(i == productja.size()-1){ wherestr += "'" + productja.get(i).toString()+"'"; }else{ wherestr += "'" + productja.get(i).toString()+"',"; } } wherestr+=")"; }
本文转自Orson博客园博客，原文链接：http://www.cnblogs.com/java-class/p/4680255.html，如需转载请自行联系原作者
