您的位置:首页 > 产品设计 > UI/UE

跨Iframe框获取select2中的文本与value值

2017-03-17 16:40 197 查看
看了以下代码是不是感觉云里雾里呢,等我慢慢说来:

代码中的第一部分是获取到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() {} } } }); };

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  select