javascript - 一个Onchange调用两个function()

标签 javascript php jquery ajax

我将使用 Ajax 从数据库中获取一些数据。 你能不能让我知道我可以通过使用“OnChange”更改指定下拉列表的值来触发两个函数()的方式

注意:大多数时候系统只显示 showhistory() 函数的输出

我现有的代码

......................................................

<select name="po_no" onchange="showsize(this.value);showhistory(this.value);">

................................................ …………

 <script>

 function showhistory(str)
 {if (str=="")
   {
  document.getElementById("txtHistory").innerHTML="";
   return;
  } 
 if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
 }
 else
 {// code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHistory").innerHTML=xmlhttp.responseText;
}
 }
xmlhttp.open("GET","gethistory2.php?s="+str,true);
xmlhttp.send();
 }
 </script>


 <script>
 function showsize(str)
 {
 if (str=="")
  {
   document.getElementById("sizeHint1").innerHTML="";
   return;
   } 
 if (window.XMLHttpRequest)
   {
   xmlhttp1=new XMLHttpRequest();
    }
 else
   {
   xmlhttp1=new ActiveXObject("Microsoft.XMLHTTP");
   }
xmlhttp1.onreadystatechange=function()
   {
   if (xmlhttp1.readyState==4 && xmlhttp.status==200)
     {
    document.getElementById("sizeHint1").innerHTML=xmlhttp1.responseText;
    }
    }
  xmlhttp1.open("GET","getsize5.php?q="+str,true);
  xmlhttp1.send();
  }
 </script>

最佳答案

您正在通过重新分配方法 showHistory() 来覆盖 onChange 的第一个值 (showSize())。为避免这种情况,将其包装到一个函数中,该函数调用两个调用,如下所示:

function showAll(strValue) {

showAll(strValue);

showSize(strValue);

}

最后像这里显示的那样调用:

<select name="po_no" onchange="showAll(this.value);">

关于javascript - 一个Onchange调用两个function(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38260968/

相关文章:

php - Laravel 从父类别及其所有子类别中获取所有产品

javascript - 组织脚本文件

javascript - 保留 jquery ui 选项卡的状态

php - 通过 Post 传递数组并从数据库中提取数据

javascript - 循环遍历每个表行 td 元素值并将其存储为对象数组

php - 如何存储多语言数据?

javascript - 了解插件的概念 - $/jQuery 未定义

javascript - 让函数等待完成

javascript - 我使用 auth0 进行用户身份验证,并且有一个用于 CRUD 帖子的 API(标题、img、desc)。如何对 CRUD api 进行经过身份验证的调用?

javascript - Kyle Simpson 的 OLOO 在 Object.create 之后添加多个属性