请大侠帮忙！！！关于链接的问题


<script type="text/javascript">
    function datetimes(){
        var btime=document.getElementById("beginTime").value+document.getElementById("bt").value;
        var etime=document.getElementById("endTime").value+document.getElementById("et").value;        document.getElementById("front").getAttribute("href").value="pufa_other_plot/total.php?beginTime="+btime+"&endTime="+etime;
    }
</script>
</head><body>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="755" height="633" rowspan="9"><img src="../images/index_01.gif" width="755" height="633" alt=""></td>
    <td height="150" colspan="7" bgcolor="#7ea52e"></td>
  </tr>
  <tr>
      <td colspan="7" bgcolor="#7ea52e"><div align="center"><a id="front" href="javascript:datetimes();"><img src="../images/index_08.gif" width="211" height="54" /></a></div></td>
  </tr>
  <tr>
    <td height="60" colspan="7" bgcolor="#7ea52e"></td>
  </tr>
  <tr>
    <td colspan="7" bgcolor="#7ea52e"><div align="center"><img src="../images/index_09.gif" width="211" height="54" /></div></td>
  </tr>
  <tr>
    <td colspan="7" bgcolor="#7ea52e"></td>
  </tr>
  
  <tr>
    <td height="84" colspan="7" bgcolor="#7ea52e"></td>
  </tr>
  <tr>
    <td width="27" height="80" rowspan="2" bgcolor="#a5c06d"></td>
    <td width="64" height="40" bgcolor="#a5c06d" class="word">开始时间：</td>
    <td width="50" bgcolor="#a5c06d">
        <input id="beginTime" name="beginTime" type="text" class="text" />
    <label></label></td>
    <td width="25" bgcolor="#a5c06d" class="word"><div align="center">年</div></td>
    <td width="51" bgcolor="#a5c06d" class="word"><select name="select2">
            <option id="bt" selected="selected">01</option>
      <option>02</option>
      <option>03</option>
      <option>04</option>
      <option>05</option>
      <option>06</option>
      <option>07</option>
      <option>08</option>
      <option>09</option>
      <option>10</option>
      <option>11</option>
      <option>12</option>
    </select></td>
    <td width="25" bgcolor="#a5c06d">
      <label class="word">月      </label></td>
    <td width="27" rowspan="2" bgcolor="#a5c06d"></td>
  </tr>
  <tr>
    <td height="40" bgcolor="#a5c06d" class="word">结束时间：</td>
    <td bgcolor="#a5c06d"><input id="endTime" name="endTime" type="text" class="text" />
        <label></label></td>
    <td bgcolor="#a5c06d" class="word"><div align="center">年</div></td>
    <td bgcolor="#a5c06d" class="word"><select name="select2">
            <option id="et" selected="selected">01</option>
        <option>02</option>
        <option>03</option>
        <option>04</option>
        <option>05</option>
        <option>06</option>
        <option>07</option>
        <option>08</option>
        <option>09</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
    </select></td>
    <td bgcolor="#a5c06d"><label class="word">月 </label></td>
  </tr>
  <tr>
    <td height="150" colspan="7" bgcolor="#7ea52e"></td>
  </tr>
</table>
</body>
</html>怎样利用js将抓取到的时间组合加在<a>标签的href属性上