如何将一个层的操作结果显示在另一个层中？

Question

JavaScript,现有有表单发form1，内有两个层dav1、dav2,其中，dav1中有一表格table,内有一复选框checkbox和下拉列表 select,当checkbox和 select被选择时，如何将选择的结果显示在另一个层dav2中？代码大致如下：
<form id = "form1" name = "form1" action="">
   <div id= "div1" name = "divSelected">
        <input type = "checkbox" name = "chk1" id = "chkSelected">
        <select id = "selSelected" name = "sel1">
            <option>...</option>
        </select>
   </div>
   <div id = "div2" name = "divLayer">
   </div>
</form>

Answer 1

不太清楚题目的意思，问一下楼主：
是不是只有checkbox和select同时被选中，才能将值赋给div2，而且是将checkbox和select这两个元素的值赋给div2？

Answer 2

<form id = "form1" name = "form1" action=""> 
  <div id= "div1" name = "divSelected" onclick="javascript:if(this.checked) getv(this.value,'div2');"> 
        <input type = "checkbox" name = "chk1" id = "chkSelected" onchange="javascript:getv(this.options[this.options.selectedIndex].value,'div02');"> 
        <select id = "selSelected" name = "sel1"> 
            <option>... </option> 
        </select> 
  </div> 
  <div id = "div2" name = "divLayer"> 
  </div> 
</form>
<script language="javascript" type="text/javascript">
function getv(str,id)
{
var v=str;
if (v=="") return;
var o=document.getElementById(id);
o.innerHTML+="<br>"+v;
}
</script>

Answer 3

function checkChange()
       {
          var sA=document.getElementById("selSelected").value;
          var obDiv=document.getElementById("div2");
          var str="<table><tr><td>"+sA+"</td></tr></table>";
          obDiv.innerHTML=str;
       }
<div id="div1">
  <input type="checkbox" name="chk1" id="chkSelected"/>
   <select id="selSelected" name="sel1" onchange="checkChange();">
        <option value="星期一">星期一</option>
        <option value="星期二">星期二</option>
   </select>
</div>
<div id="div2">
</div>

Answer 4

是后者，即将两个元素的取值赋给div2