項(xiàng)目開(kāi)發(fā)遇到個(gè)問(wèn)題，就是引入bootstrap下拉多選框進(jìn)行多選的時(shí)候，用form表單提交到后臺(tái)，獲取不到多選的值，只能獲取的選擇的第一個(gè)值。
糾結(jié)了會(huì)。
jsp頁(yè)面需要引入這東東~
<link rel="stylesheet" href="${ctx}/js/selectbootstrap/dist/css/bootstrap-select.min.css" rel="external nofollow" ><script src="${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);// 收集選中項(xiàng)}}$("#approver").val(str);}</script></head><body><div class="l_err" style="width: 100%; margin-top: 2px;"></div><form id="form" name="form" class="form-horizontal" method="post"action="${ctx}/leave/editEntity.shtml"><input type="hidden" class="form-control checkacc" value="${leave.id}" name="LeaveFormMap.id" id="id"><section class="panel panel-default"><div class="panel-body"><div class="form-group"><label class="col-sm-3 control-label">審批人</label><div class="col-sm-9"><input type="hidden" class="form-control" placeholder="請(qǐng)輸入事由" name="LeaveFormMap.approver" id="approver"value="${leave.approver}"><select name="" id="approverq" class="form-control selectpicker" 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 class="form-group"><label class="col-sm-3 control-label">意見(jiàn)</label><div class="col-sm-9"><textarea name="LeaveFormMap.idea" id="idea" class="form-control"style="width:600px;height:100px;" readonly="readonly">${leave.idea}</textarea> </div></div></div><footer class="panel-footer text-right bg-light lter"><button type="submit" class="btn btn-success btn-s-xs" onclick="fun()">提交</button></footer> </section></form></body>這樣就好了。。
以上所述是小編給大家介紹的bootstrap 下拉多選框進(jìn)行多選傳值問(wèn)題代碼分析，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
