使用javascript在提交时将复选框值从子表单传递到父表单

时间:2012-09-18 18:41:53

标签: javascript coldfusion

我在coldfusion父表单中有以下代码。单击复选框时,将打开子窗口(abc.cfm),其中包含与父窗口上的复选框相关的5个复选框。

<input type="checkbox" name="inq" id="inq" value="#item_code#"     onClick="window.open('abc.cfm?inq=#item_code#');">#item_description#  
 <span class="style6">Click the checkbox for the list</span>

用户检查子窗口上的1个或多个复选框,并在abc.cfm页面上点击提交;子页面将关闭,所选的值需要显示在parent.cfm页面上。谁能告诉我如何解决这个问题。

这是在我父母的cfm页面上。

  <td colspan="2"  class="trr3"><textarea cols="30" rows="5"  name="narr"></textarea>    </td>
  <td width="32" valign="top"  class="trr3">Brief</td>
  <td width="499" valign="top"  class="trr3"><input type="text" name="brief" size="30"></td> 

我在子abc.cfm页面上有以下代码。

<SCRIPT LANGUAGE="JavaScript">

 function figure_this_out(){
   var boxes = document.form1.cat;
    var display = "";
     var t = document.getElementById("category_id").value;
    for (i = 0; i < boxes.length; i++){
    if (boxes[i].checked == true){
   display = display + boxes[i].value + ", ";
   t = display;
  //alert(t);
  window.opener.document.getElementById("category_id").value=t;
  window.opener.document.getElementById("narr").value =          document.getElementById("narr").value;
 window.opener.document.getElementById("brief").value =                    document.getElementById("brief").value;
       }
         }
        window.close();
            } 
             </script>

       <table>
      <cfloop query="nature_compl"> 
         <cfif nature_compl.currentrow mod 3 EQ 1>      
        <tr>
     </cfif>
    <td class="trr3">

    <input type="checkbox" id="cat" name="cat" value="#category_id#"   onClick="if (this.checked) this.form.category_id.value=this.value; else    this.form.category_id.value=''" >
     #category_description#

     </td>
        </cfloop>

         <input  type="hidden" name="category_id" id="category_id"   value="">
        <tr>
     </td> 
</tr>
<tr>
<td class="trr3">
Brief &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="brief" size="38">
</td>
</tr>
<tr>
<td class="trr3">
Narrative
<textarea cols="30" rows="5"  name="narr"></textarea>
</td>

</tr>
 <tr>
 <td><input type="button" class="groovybutton2" value="SUBMIT" name="save"   onClick="figure_this_out();" > 

     </td>

  <td colspan="3">&nbsp;</td>
  </tr>
 </table>

1 个答案:

答案 0 :(得分:0)

您没有将类别描述分配给javascript可以引用的对象。尝试将其放入带ID的div中。