I have encountered a problem that has been discussed before, but my lack of coding knowledge is making it difficult for me to find a suitable solution that matches the code on my website.
The issue at hand is as follows: I need my form to populate car makes and automatically fill in the models based on the selected make. However, I am finding that I have to click twice on the initial make selection in order for the data to populate.
Here is an excerpt from the top part of my form code:
<td><b>Make:</b><br /> <span id="makesList"><select onclick="getMakes(<?php echo SITETYPE2 ?>)" onchange="getModels(this.value, <?php echo SITETYPE2 ?>)" class="required" id="makeid" name="makeid" >
Javascript/Ajax function
function getMakes(str)
{
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="/getmakes.php";
url=url+"?typeid="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChangedMakes;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
As someone who is not well versed in coding, could you please offer some guidance or assistance? I am eager to learn and understand more about how this functionality works within the code.
Thank you, Mark