新增的跟原有的传值是不一样 原有的列表不止要传ID 还要传ID的同时把后下下拉额的状态值传给后台

多学多问 2018-10-12 11:04:13
<ul class="col-sm-7" id="audi_ul">
<li class="revise_list">
<!---增加-->
<!--<input type="hidden" name="id" value="0"/>-->
<p class="form-control-static col-sm-7 ry" id="lf" data-id="0">刘飞(客户服务部 部门经理)</p>
<p class="form-control-static col-sm-2">权限</p>
<select class="col-sm-2" name="">
<option value="0">允许</option>
<option value="1">中止</option>
</select>
</li>
<li class="revise_list">
<!--<input type="hidden" name="id" value="1"/>-->
<p class="form-control-static col-sm-7 ry" id="zs" data-id="1">张三(设计部 部门经理)</p>
<p class="form-control-static col-sm-2">权限</p>
<select class="col-sm-2" name="">
<option value="0">允许</option>
<option value="1">中止</option>
</select>
</li>
<li class="revise_list">
<!--<input type="hidden" name="id" value="2"/>-->
<p class="form-control-static col-sm-7 ry" id="lff" data-id="2">刘飞飞(客户服务部 部门经理)</p>
<p class="form-control-static col-sm-2">权限</p>
<select class="col-sm-2">
<option value="o">允许</option>
<option value="1">中止</option>
</select>
</li>
<li class="revise_list">
<input type="hidden" name="recid" id="" value="" />
</li>
</ul>
<div id="">
<input type="button" name="" id="cca" value="新增审核人" class="btn btn-success" data-toggle="modal" data-target="#myModal_last"/>
</div>
<div class="modal fade" id="myModal_last" tabindex="-1" role="dialog" aria-labelledby="myModal_lastLabel" aria-hidden="true" style="top: 20%;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
审核人员名单
</h4>
</div>
<div class="modal-body zjqx">
<label>
<input id="s1" type="checkbox" value="0" name="auditing">
<span id="lf" class="revise_adt" >刘飞(客户服务部 部门经理)</span>
</label>
<label>
<input id="s2" type="checkbox" value="3" name="auditing">
<span id="lz" class="revise_adt">李总(运营部 部门经理)</span>
</label>
<label>
<input id="s3" type="checkbox" value="2" name="auditing">
<span id="zs" class="revise_adt" >刘飞飞(客户服务部 部门经理)</span>
</label>
<label>
<input id="s4" type="checkbox" value="1" name="auditing">
<span id="zs" class="revise_adt" >张三(设计部 部门经理)</span>
</label>
<label>
<input id="s5" type="checkbox" value="4" name="auditing">
<span id="ls" class="revise_adt">李四(研发部 部门经理)</span>
</label>
<label>
<input id="s6" type="checkbox" value="5" name="auditing">
<span id="ts" class="revise_adt">唐三(产品测试部 部门经理)</span>
</label>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<!--<button type="button" class="btn btn-primary" id="audi_btn" data-dismiss="modal">
提交更改
</button>-->
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<script>
function GetElementCustomDate(className,customDateName){
$(".modal-body [name='auditing']:checked").prop("checked", false);
$(".modal-body [name='auditing']").prop("disabled", "");
$(className).each(function(){
var a= $(this).data(customDateName);

$(".modal-body [name='auditing'][value='"+a+"']").prop("checked", true);
$(".modal-body [name='auditing'][value='"+a+"']").prop("disabled", "false");
//return a
})
}

$(document).on("change","[name=auditing]",function(){
var v = $(this).val();
var t = $(this).next().text();
if($(this).get(0).checked){
//选中

// var str='<li class="revise_list"><p class="form-control-static col-sm-7 ry" id="zs" data-id="'+v+'">'+t+'</p><input type="hidden" name="id" value="'+v+'"/><div class="col-sm-2"><input type="button" name="movebtn" class="form-control" value="移除" /></div></li>';
var str='<li class="revise_list"><p class="form-control-static col-sm-7 ry" id="zs" data-id="'+v+'">'+t+'</p><div class="col-sm-2"><input type="button" name="movebtn" class="form-control" value="移除" /></div></li>';
$('#audi_ul').append(str);
$(".revise_list [name='movebtn']").click(function(){
$(this).parents('li').remove();
})
}else{
//取消选中
$('#audi_ul .ry[data-id="'+v+'"]').parent().remove();
}
})
$(document).on("click","#btn_submit",function(){
var idData = [];
$('#audi_ul li .ry').each(function(){
idData += $(this).data('id')+',';
return idData;
})
if (idData.length > 0){
idData = idData.substr(0,idData.length - 1);
}
var idData=idData.split(",");
console.log(typeof idData)
console.log(idData)
})
//定义GetElementCustomDate
$(document).on("click","#cca",function(){
GetElementCustomDate('#audi_ul .ry','id');
//$(".modal-body [name='auditing'][value='0']").attr("checked", true);
})
</script>
...全文
319 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧