在Javascript中获取正确的元素

我有一个简单的小javascript，我已经以不同的形式使用了很多次。它与两个日期选择器一起使用，以便将第一个日期选择器中的选定日期复制到第二个日期选择器。看起来是这样的：

MouseOver = true;

function date_copy_set() {
    FirstMouseOver = true;
}

function date_copy() {
    if (FirstMouseOver && MouseOver) {
        frames.booking.DepartureDate.value=frames.booking.ArrivalDate.value;
        FirstMouseOver = false;
        MouseOver = false;
    } else {
    }
}

现在，我有了一个新的脚本应用程序，页面上有几个非常类似的表单版本，但我一直无法让脚本正常工作。表格将有2至8个版本，简化形式为：

<form action="/book/book1.php" method="post" target="_blank"
 id="booking_<?php echo $row_season['season_id'] ?>" name="booking">

<input name="ArrivalDate" id="ArrivalDate" class="datebox"
 size="10" onBlur="date_copy_set()" type="date">

<input name="DepartureDate" id="DepartureDate" class="datebox"
 size="10" onFocus="date_copy()" type="date"> 

<a href="javascript:void()" 
 onclick="frames.booking_<?php echo $row_season['season_id'] ?>.submit()"
 class="buttonPriceBook">Enquire or Book</a></td>

</form>

---

如果表单中的输入都具有相同的名称，即ArrivalDate和DepartureDate，则可以通过将引用传递给调用侦听器的元素，将值从一个复制到另一个：

因此，如果到达日期更改，它将设置出发日期，反之亦然

请注意，每个输入对必须采用不同的形式，并且不需要ID属性

其他一些东西总是声明变量：

var FirstMouseOver, MouseOver = true;

使用以下方式提交表格：

<a href="javascript:void()" 
 onclick="frames.booking_<?php echo $row_season['season_id'] ?>.submit()"
 class="buttonPriceBook">Enquire or Book</a>



对我来说没有任何意义，只需使用提交按钮。至少，不要使用带有munged href属性的A元素，使用样式化的span或其他更合适的元素。
这对我来说根本不起作用。我可以看到它的逻辑，但当我把它应用到我的页面上时，什么都没有发生。我也试着用你的代码和最少的东西来制作一个超级基本的页面。使用onClick提交是为了使用自定义提交按钮，而不是bog标准按钮。
var FirstMouseOver, MouseOver = true;

<a href="javascript:void()" 
 onclick="frames.booking_<?php echo $row_season['season_id'] ?>.submit()"
 class="buttonPriceBook">Enquire or Book</a>