跨Iframe框获取select2中的文本与value值
2017-03-17 16:40
197 查看
看了以下代码是不是感觉云里雾里呢,等我慢慢说来:
代码中的第一部分是获取到Iframe对象,然后去其中的id元素,也就是select2文本选择框,其中的if判断顾名思义,就如同提示语一样,是判断是否获取到了结果,并给出适当提示语,
第二部分表示封装参数对象,因为要保存修改的值过多,为了方便与维护,建议封装对象后异步提交到后台,
第三部分的代码是修改后实时修改页面的内容,辺异步修改不刷新页面使内容实时更新!
= thirdCategoryName;data.specCode = specCode; data.specName = specName; data.materialCode = materialCode; data.materialName = materialName;data.averageQty = averageQty; data.lowerDeviation = lowerDeviation; data.remark=remark; data.id=id; var url = "$!{urlTool.getSteelFactoryURL('STEELFACTORY_EDIT_SAVE')}";var
param = {resParam:JSON.stringify(data)}; // 第三部分 $.popAjax.sendSync2(url,param,function(result){ $("#thirdCategoryName_"+id).text(thirdCategoryName+'('+thirdCategoryName+')');$("#specName_"+id).text(specName);$("#materialName_"+id).text(materialName);$("#averageQty_"+id).text(averageQty);$("#lowerDeviation_"+id).text(lowerDeviation);$("#remark_"+id).text(remark);$("#thirdCategoryName_"+id).removeClass();$("#specName_"+id).removeClass();$("#materialName_"+id).removeClass();$("#averageQty_"+id).removeClass();$("#lowerDeviation_"+id).removeClass();$("#remark_"+id).removeClass();var
argument =result.argument; var factoryId =result.factoryId; window.location.href="/pop/inventory/steelfactory_success.htm?argument="+argument+"&factoryId="+factoryId+"&page="+$!{resultMap.pagination.currentPage}; }); } }, cancel: { label: "取消", className:
"btn-gray", callback: function() {} } } }); };
代码中的第一部分是获取到Iframe对象,然后去其中的id元素,也就是select2文本选择框,其中的if判断顾名思义,就如同提示语一样,是判断是否获取到了结果,并给出适当提示语,
第二部分表示封装参数对象,因为要保存修改的值过多,为了方便与维护,建议封装对象后异步提交到后台,
第三部分的代码是修改后实时修改页面的内容,辺异步修改不刷新页面使内容实时更新!
demos.editRes = function(id) { bootbox.dialog({ title: '<i class="fa fa-warning vmiddle margin-right-5" style="font-size:20px;"></i> <span class="vmiddle">修改资源<span>', message: '<iframe width="100%" height="340px" frameborder="no" src="$!{urlTool.getSteelFactoryURL('STEELFACTORY_EDIT')}?id='+id+'" name="" id="resourceEditFrame" allowtransparency="yes" scrolling="no"></iframe>', className: "bootbox-form-style", buttons: { success: { label: "确认", className: "btn-blue", callback: function () { var frameResource = $("#resourceEditFrame").contents(); // 第一部分 var firstCategoryName =$(frameResource).find("#firstCategoryCode option:selected").text() var firstCategoryCode =$(frameResource).find("#firstCategoryCode").val(); var secondCategoryName =$(frameResource).find("#secondCategoryCode option:selected").text() var secondCategoryCode =$(frameResource).find("#secondCategoryCode").val(); var thirdCategoryName =$(frameResource).find("#thirdCategoryCode option:selected").text() var thirdCategoryCode =$(frameResource).find("#thirdCategoryCode").val(); var specName =$(frameResource).find("#specName").val(); var specCode =$(frameResource).find("#specCode").val(); var materialName =$(frameResource).find("#s2id_materialCode").text().trim(); var materialCode =$(frameResource).find("#materialCode").val(); var averageQty = $(frameResource).find("#averageQty").val(); var lowerDeviation = $(frameResource).find("#lowerDeviation").val(); var remark = $(frameResource).find("#remark").val(); var hiddenSpec = $(frameResource).find("#hiddenSpec").text(); if(thirdCategoryName == null || thirdCategoryName == '' || thirdCategoryName=='请选择' ) { $.popDialog.warning("请选择品名!"); return false; } if(specName==null || specName=='' || specName=='请选择规格') { $.popDialog.warning("请选择规格!"); return false; } if(hiddenSpec != null && hiddenSpec != '') { $.popDialog.warning("请重新输入规格!"); return false; } if(materialCode == null || materialCode == '' || materialName=='请选择材质') { $.popDialog.warning("请选择材质!"); return false; } if(averageQty == null || averageQty == '') { $.popDialog.warning("请输入件重!"); return false; }
// 第二部分var data = {}; data.firstCategoryName = firstCategoryName; data.firstCategoryCode = firstCategoryCode; data.secondCategoryName = secondCategoryName; data.secondCategoryCode = secondCategoryCode; data.thirdCategoryCode = thirdCategoryCode; data.thirdCategoryName
= thirdCategoryName;data.specCode = specCode; data.specName = specName; data.materialCode = materialCode; data.materialName = materialName;data.averageQty = averageQty; data.lowerDeviation = lowerDeviation; data.remark=remark; data.id=id; var url = "$!{urlTool.getSteelFactoryURL('STEELFACTORY_EDIT_SAVE')}";var
param = {resParam:JSON.stringify(data)}; // 第三部分 $.popAjax.sendSync2(url,param,function(result){ $("#thirdCategoryName_"+id).text(thirdCategoryName+'('+thirdCategoryName+')');$("#specName_"+id).text(specName);$("#materialName_"+id).text(materialName);$("#averageQty_"+id).text(averageQty);$("#lowerDeviation_"+id).text(lowerDeviation);$("#remark_"+id).text(remark);$("#thirdCategoryName_"+id).removeClass();$("#specName_"+id).removeClass();$("#materialName_"+id).removeClass();$("#averageQty_"+id).removeClass();$("#lowerDeviation_"+id).removeClass();$("#remark_"+id).removeClass();var
argument =result.argument; var factoryId =result.factoryId; window.location.href="/pop/inventory/steelfactory_success.htm?argument="+argument+"&factoryId="+factoryId+"&page="+$!{resultMap.pagination.currentPage}; }); } }, cancel: { label: "取消", className:
"btn-gray", callback: function() {} } } }); };
相关文章推荐
- 获取dom对象中select的显示文本值和value值
- jQuery获取select元素option的文本值和value值
- jQuery获取select元素option的文本值和value值
- js/jq 获取select下拉框的文本值和value值
- 获取select标签的文本内容以及Value值
- jQuery获取select文本值和value值
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项[转]
- js和Jquery获取选中select值和文本
- jQuery获取select选择的文本与值
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项
- JS 获取select当前选中值和文本
- js和Jquery获取选中select值和文本
- zepto获取select元素的选中值的文本
- Javascript和jquery获取select下拉框选中的的值和文本
- Select下拉框onchange事件获取option的value值
- js和Jquery获取选中select值和文本
- 获取select元素被选中的文本内容的js代码
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮
- jquery获取select、checkbox文本值,设置select选中 radio