I have the search form below with 4 fields. The user selects a wave number, the AJAX function in the select "onchange=fillBu() " fires and fills the Business Unit field (list) in the select below the wave field and replaces the select with another AJAX call to fillZonenm(). That AJAX script replaces the select for the search_Zonenm with a select from a php page with another AJAX function to fill the zoneId field. The problem is the parameter "zonenm" does not get sent. It cannot call the fillZonenm() function. It can only call 2 before it gives up and dies.
From another developer I found out that IE has this behavior it can only handle 2 AJAX cascading drop down lists replacing the selects in the form before it quits.
It does do the replace but it can't call the 3rd function in the form.
Chrome can handle all 3.
So since I am stuck with IE 7 what can I do to solve this problem? I looked at Jquery cascade plugin but it is quite complicated for this problem and I can't figure out how to get the data into javascript. I think it is doable but the time involved is not worth it to figure out that plug-in.
thanks for some advice.
jan
echo "<tr>\n";
echo "<th align='right'>Wave</th>\n";
echo "<td><div id='searchwave'>\n";
echo "<select name='search_wave' id='search_wave' onChange='fillBu();' >\n";
get_wave($search_wave);
echo "</select>\n";
echo "</div>\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<th align='right'>Business Unit</th>\n";
echo "<td><div id='searchbu'>\n";
echo "<select name='search_bu' id='search_bu' >\n";
get_bu($search_bu);
echo "</select>\n";
echo "</div>\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<th align='right'>Zone Number</th>\n";
echo "<td><div id='searchzonenm'>\n";
echo "<select name='search_zonenm' id='search_zonenm' >\n"; *
getZoneNms($search_zonenm);
echo "</select>\n";
echo "</div>\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<th align='right'>Zone Id</th>\n";
echo "<td><div id='searchzoneid'>\n";
echo "<select name='search_zoneid' id='search_zoneid'>\n";
getZoneIds($search_zoneid);
echo "</select>\n";
echo "</div>\n";
echo "</td>\n";
echo "</tr>\n";
**this line gets replaced by the fillBu() AJAX function like so
echo "<select name='search_zonenm' id='search_zonenm' 'fillZoneNm();'>
but it does not call the function fillZonenm() even though the select gets properly replaced. The value zonenm gets selected but the parameter zonenm is not passed to the php sql page so the zoneId drop down doesn't get populated.
