项目开发遇到个问题，就是引入bootstrap下拉多选框进行多选的时候，用form表单提交到后台，获取不到多选的值，只能获取的选择的第一个值，怎么回事呢？下面小编给大家分析下bootstrap 下拉多选框进行多选传值问题，一起看看吧
项目开发遇到个问题，就是引入bootstrap下拉多选框进行多选的时候，用form表单提交到后台，获取不到多选的值，只能获取的选择的第一个值。
纠结了会。
jsp页面需要引入这东东~
<link href="https://www.jb51.net/${ctx}/js/selectbootstrap/dist/css/bootstrap-select.min.css" > <script src="https://www.jb51.net/${ctx}/js/selectbootstrap/dist/js/bootstrap-select.min.js"></script>
直接上代码~
<head> <script type="text/JavaScript"> function fun(){ var str=[]; var obj = document.getElementById("approverq"); for(var i=0;i<obj.options.length;i++){ if(obj.options[i].selected){ str.push(obj.options[i].value);// 收集选中项 } } $("#approver").val(str); } </script> </head> <body> <div></div> <form method="post" action="${ctx}/leave/editEntity.shtml"> <input type="hidden" value="${leave.id}"> <section> <div> <div> <label>审批人</label> <div> <input type="hidden" placeholder="请输入事由"value="${leave.approver}"> <select multiple="true"> <option value="${leave.approver}" >${leave.approver}</option> <c:forEach items="${list}" var="list"> <option value="${list.userName}" >${list.userName}</option> </c:forEach> </select> </div> </div> <div> <label>意见</label> <div> <textarea readonly="readonly">${leave.idea} </textarea> </div> </div> </div> <footer> <button type="submit">提交</button> </footer> </section> </form> </body>
这样就好了。。
以上所述是小编给大家介绍的bootstrap 下拉多选框进行多选传值问题代码分析，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: