父、子页面通过js传值（转）

父、子页面通过js传值

                            （图一）

                                （图二）

                                      （图三）

 

业务流程：图一中，父页面点击选择，弹出子页面图二，在图二中选择合适的客户，例如选择“张三”，点击选择，子页面关闭，将值传递到父页面

 

父页面：

function openNewWin(){
var value=window.showModalDialog("client.do?o=toList",window,"dialogHeight:500px;dialogWidth:500px;status:no;");
alert("value:"+value);
return document.getElementById("item.shipper").value = value;
}

<td>发货人</td>
    <td colspan="2">
  <html:text size="10" property="item.shipper"></html:text>
   <input type="button" value="选择" onClick="openNewWin()"/>

 </td>

 

子页面：

<script type="text/javascript">
function addValue(chargePerson){    
   window.returnValue=chargePerson;
   window.close();
}
</script>

<button class="list_data_op" onclick="addValue('${item.chargePerson}')" style="width:40px;">选择此项</button>
     

补充：传递多值(利用js创建数组)

function openNewWin(){
var value = new Array();
value=window.showModalDialog("client.do?o=toList",window,"dialogHeight:500px;dialogWidth:500px;status:no;");
alert("value:"+value[0]);
document.getElementById("item.shipper").value = value[0];
document.getElementById("item.shipperTel").value = value[1];
}

 

<script type="text/javascript">
function addValue(chargePerson,cPersonTel){  
   var a = new Array([chargePerson],[chargePerson]);
   alert(a[0]);
   window.returnValue=a;
   window.close();
}
</script>

 

<button class="list_data_op" onclick="addValue('${item.chargePerson}','${item.cpersonTel}')" style="width:40px;">选择此项</button>