凡客建站_怎么建设网站_建网_企业网站怎么建立_网站建设官网
当前位置:建站首页 > 新闻资讯 > 网站优化 >

微信打分小程序_bootstrap 下拉多选框进行多选传值

发表日期:2021-01-12 14:07文章编辑:jianzhan浏览次数: 标签:    

bootstrap 下拉多选框进行多选传值问题代码分析       项目开发遇到个问题,就是引入bootstrap下拉多选框进行多选的时候,用form表单提交到后台,获取不到多选的值,只能获取的选择的第一个值,怎么回事呢?下面小编给大家分析下bootstrap 下拉多选框进行多选传值问题,一起看看吧

项目开发遇到个问题,就是引入bootstrap下拉多选框进行多选的时候,用form表单提交到后台,获取不到多选的值,只能获取的选择的第一个值。

纠结了会。

jsp页面需要引入这东东~

 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);// 收集选中项
$("#approver").val(str);
 /script 
 /head 
 body 
 div /div 
 form id="form" name="form" method="post"
action="${ctx}/leave/editEntity.shtml" 
 input type="hidden" 
value="${leave.id}" name="LeaveFormMap.id" id="id" 
 section 
 div 
 div 
 label 审批人 /label 
 div 
 input type="hidden" placeholder="请输入事由" name="LeaveFormMap.approver" id="approver"value="${leave.approver}" 
 select name="" id="approverq" 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 name="LeaveFormMap.idea" id="idea" readonly="readonly" ${leave.idea}
 /textarea 
 /div 
 /div 
 /div 
 footer 
 button type="submit" 提交 /button 
 /footer 
 /section 
 /form 
 /body 

这样就好了。。

以上所述是小编给大家介绍的bootstrap 下拉多选框进行多选传值问题代码分析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


相关新闻