php - 两次单击以填充表单

标签 php javascript ajax forms

我知道之前有人问过这个问题,但我不是编码员(正在努力学习),所以我找不到任何看起来像我的网站通过以前的问题编码的示例或答案。

问题: 我的表格应该填充汽车品牌,然后它会自动填充模型。 (填充品牌后模型工作正常)。

但我必须在表单的初始部分上单击两次才能填充数据。

我的表单代码的顶部:

 <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);
}

你能帮帮我吗?请记住,我不是编码员,只是想了解别人编码的内容。

谢谢 标记

最佳答案

使用下拉菜单(选择)的最佳方法是使用 onchange。因为您已经触发了 onchange 事件,所以我会使用 mouseup,因为它发生在点击事件之前。此外,客户端和您的网络服务器之间可能存在延迟。尝试先点击,然后在屏幕外点击,看看是否会出现下一批结果。

此外,您的 php echo 语句末尾没有分号。这应该会报错

关于php - 两次单击以填充表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13628007/

相关文章:

Php 向输入字段添加值?

PHP 删除功能不起作用

php - $.ajax 值未正确返回

javascript - React onwheel 不执行现有的scrollintoview 但 onclick 能够

jquery - FullCalendar,事件不刷新

php - 我对 woocommerce api 自定义选项的错误在哪里?

javascript - Node.js "Error: Can not find module"

javascript - 没有匹配的 jQuery 时搜索栏发出警报

javascript - 我如何在 Ajax 加载后执行 javascript?

javascript - 带有自定义 header 的 XmlHttpRequest : Response for preflight doesn't pass access control check