Getting text input value when populated by another Javascript function
<p>I have a set of input text boxes that activate a calendar for selecting dates when clicked. This works fine. </p>

<p>I now need to get the values entered into these inputs using the onblur event. My problem is that my Javascript isn't detecting the dates entered, but the default value of the input (i.e. garbage). Somehow I need to detect the values the first function is returning, and I have no idea on that at the moment.</p>

<p>Data flow needed:</p>

<p>onclick.input > calendar > input populated > onblur.input > detect new value > ...</p>

<p>When attempting to detect the new value, JS is finding the inital value instead.</p>

<p>The Code:
(second set of functions)</p>

<pre><code>var myDates = document.getElementById("step4");
    myDates = myDates.getElementsByTagName("input");

    for (var i = 0; i&lt; myDates.length; i++) {
        myDates[i].onblur = function () { step4param(); return false; };
    }
}

function step4param () {
    var date1 = document.getElementById("day1");
    var date2 = document.getElementById("monthyear1");
    alert (date1.getAttribute("value"));
}
</code></pre>

<p>Not sure what parts of the calendar are relevant...</p>
